node+vue-cli+webpack搭建教程

①.安装node.js

②.安装webpack

npm install webpack -g

③.安装vue脚手架

npm install vue-cli -g

④.在自己目录下面创建文件夹，我的是：E:\webStromProject\20190402

说明：在这个文件夹，按住：shift+鼠标右键，运行命令行=====

4.1、输入：vue init webpack vue03;//vue03为项目名

它会提示如下信息：

1.？ project name <vue03>    确认项目名是否是vue03（按回车）

2.?  project description <A vue.js project>    这是否是一个vue.js项目？（回车）

3.?  Author    作者

4.如上图所示，选择第一个：编译+运行。

5.?  install vue-router?  是否创建路由，选择：yes

6.? use ESlint to lint your code?   代码是否严格模式，这个一般选择：No，影响不大，选择yes的话，你的代码必须要规范。

7.？ set up unit tests   是否单元测试，可选：yes和NO不影响。

8.？pick a test runner       jest

9.? setup e2e tests with Nightwatch?  yes

10.是否选择安装 apm，我选择no，一会自己安装，但是一般会选择  npm

ps：如果第10步选择no的话，生产项目后我们再进入到项目，upm install；我们先看选择no生成项目的大小：

具体目录：

嗯，就上面这些，接下来安装：npm install

这个过程大概需要3-5分钟。。。。。。。。。。

结束后，直接：npm run dev；

运行结果：