vue+webpack环境搭建

1、安装、运行node.js并且安装vue,vue-cli

npm install vue -g

npm install vue-cli -g

可以使用淘宝镜像cnpm安装

2、选择到所要建立项目的目录

代码：

 

3、创建webpack项目

这里使用webpack的简装版，安装速度更快，处理更高效，能应对大多数情况

代码：vue init webpack-simple xxxx(xxxx为项目名称）

Project name:项目名称（可以直接回车）

Project description:项目描述（可以直接回车）

Author:作者（可以直接回车）

License:许可证（可以直接回车）

Use sass：是否使用sass（如果使用选择输入“y”回车）

 4、根据提示进入所创建的项目文件夹

5、运行npm如果有安装淘宝镜像cnpm（如何使用cnpm可以查看我之前的相关文档）

6、输入cnpm install之后会自动安装，等待安装结束。

7、安装结束后运行：npm run dev

当成功运行之后，会自动打开浏览器（电脑设置后默认浏览器），如果没有打开浏览器，手动输入Project is running at后的网址即可

运行成功，之后有空会叫大家如何使用vue