原创 linux/centos简单的vue2/vue3环境搭建和项目创建

vue.js
IT技术 · phper · 更新于 2018-12-11

vue是只专注与视图层的轻量级的框架,数据的双向绑定 优点是减少了dom操作,实现数据与结构的分离 高效轻便 易于浏览器的加载速度。

vue环境搭建步骤如下:

1.安装node

查看是否有安装node和npm

node -v 

npm -v


如果没有安装进行安装(curl) 会安装node版本10的,这边会连带安装npm

curl --silent --location https://rpm.nodesource.com/setup_10.x | bash -  

如果执行上面命令发生错误可以使用以下命令

yum install npm -y  

在执行上面的命令查看是否安装完成。

2.安装脚手架来搭建vue环境

安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org  

安装vue

npm install -g @vue/cli 

 搭建完成后 执行 

vue --version 查看版本

这样一来vue就安装完成。

现在通过脚手架来创建vue开发项目

初始化项目

vue3是通过下面来执行

vue create my-project  

也可以通过vue2来执行 其中 my-project是项目名称,webpack是打包器,这个打包出来的项目比较臃肿但是比较完善,对于parcel打包器打包出来的项目比较小但是目前不完善

npm install -g @vue/cli-init 

 vue init webpack my-project

执行之后会有以连贯的询问。

在vue2版本中,这些询问中除了下面的询问需要注意 其他的情况直接回车

 Install vue-router? (Y/n) Y 这边是需要用到路由

 Use ESLint to lint your code? (Y/n) n 这边建议按n 因为这个ESLint在开发中如果使用的话对代码的编写整洁度等都比较严格 比如不能有空格或者多余空格之类的

Set up unit tests (Y/n) n 不需要测试

Setup e2e tests with Nightwatch? No 不需要测试

这样一来就能开始自动构建项目,构建完成后通过ip:8080 进行访问。但这边要注意 linux安装构建的时候如果访问不了需要修改项目下的config文件下一个Index.js文件中的

host: 'localhost', 改为host: '0.0.0.0'就可以了。




|1 收藏|0

思考你要发的内容