vue2.0环境搭建

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

 

转载于:https://www.cnblogs.com/hcxy/p/7112309.html

相关资源：JAVA上百实例源码以及开源项目