vue2.0环境搭建(适合windows)
一、安装node.js 和 npm
node安装 戳这里
新版的node集成了npm ,测试是否安装可以输入下面指令
npm -v
二、安装webpack 和 vue-cli
1.安装 webpack
npm install webpack -g
验证
webpack -v
2. 安装 vue命令环境
npm install vue-cli -g
然后验证查看版本,有则表示成功。
vue --version
3. 使用模板生成项目文件
模板可选 webpack / webpack-simple ( 与前者相比少了检查代码规范,单元测试 )
以下,以webpack初始化一个vue-test的vue项目文件夹
建议: 在一个指定路径下创建项目
方法: 在指定文件夹上按住shift键不要松开,再点击鼠标右键 --> W ( 在此处打开命令窗口 ) ,再执行以下操作,就会在指定文件夹下面生成vue模板文件。
vue init webpack vue-test
运行过程中有几个地方会停下来让选择输入,如下:
Project name vue-test <--- 名字随便取
Project description xxxxxx <--- 描述随便写
Author <--- 作者随便写
Vue build <--- build模式推荐 standalone (按回车即可)
Use ESLint to lint your code? <--- 语法检测,强迫症选No
接下来的单元测试啥的直接NO吧 (以上随便写的地方不要出现中文)
4. 安装项目依赖
npm install
5. 运行项目。也直接打开localhost:8080
npm run dev
6. 打包上线
npm run build