从零开始，创建一个VUE项目，详细图文详解。

一、步骤详解

1、去F盘新建一个文件夹，取名叫MyDemo，打开VScodeE进入MyDemo文件夹。（图1）

2、安装脚手架，输入npm install -g vue-cli，回车。（图2）（-g代表全局安装，下次新建项目就不用安装脚手架了，此步骤就可以省略了。）

3、新建一个项目。输入vue init webpack first-vue， first-vue 就是你的项目名称，回车。（图3）

在安装时会询问你:

①Project name (secondvue)；项目名称（secondvue）。【输入项目名称，比如secondvue，建议直接按enter】(注意，这个名字就是运行成功时，浏览器标题栏显示的名字！)

② Project description (A Vue.js project)；项目描述（一个vue.js项目）。【直接回车就行）

③Author (wuhualou)；作者（wuhualou）。【输入你的名字，确定按enter】

④Vue build (Use arrow keys)> Runtime + Compiler: recommended for most usersRuntime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere；

Vue公司的建立（使用箭头键）>运行时+编译器：大多数用户推荐运行时间：约6kb轻民+ gzip，但模板（或任何Vue具体HTML）只允许在。VUE文件渲染功能是必需的其他地方。【不知道啥意思，按enter】

⑤Install vue-router? (Y/n)；安装的路由？（/ Y）。【可安可不安，以后也可以再安，我选了安装Y】

⑥Use ESLint to lint your code? (Y/n)；使用ESlint语法？（Y/ N）。【我不了解ESLint语法，选N】

⑦Setup unit tests with Karma + Mocha? (Y/n)；设置单元测试？（Y / N）。【我不设置，选N】

⑧Setup e2e tests with Nightwatch? (Y/n)；Nightwatch建立端到端的测试？（Y / N）。【我不建立，选N】

⑨Should we run npm install for you after the project has been created? (recommended) npm

vue-cli · Generated “first-vue”.。是否要安装依赖？【安装，选第一项，直接按enter】

4、进入项目 cd first-vue。（图4）

5、安装依赖 npm install 。 如果你刚刚第⑨步安装的话，就不用安装了。

6、把项目添加到工作区，打开package.json，看start，说明运行项目的命令是 npm run dev （图5），输入npm run dev，回车（图6）。

7、在浏览器打开 http://localhost:8081，则可以看到欢迎页了~（图7）。

注意：

vue init webpack first-vue ——【建立脚手架时输入了一个名字】

Project name (secondvue)；项目名称（secondvue）——【初始化项目又输入了一个名字】

可以看到，first-vue显示在文档结构中，图8。

secondvue显示在浏览器标题栏，图9。

为啥有俩名，我也不知道…

二、大体步骤总结

1、进入目录 cd F:\MyDemo

2、安装脚手架 npm install -g vue-cli

3、新建一个项目vue init webpack first-vue

4、进入目录 cd first-vue

5、安装依赖 npm install

6、运行项目npm run dev

7、在浏览器打开 http://localhost:8081，则可以看到欢迎页了。

---

基本上是傻，瓜式操作了，还不会的盆友请给我留言！

有错误请指出！

码字不易，求赞~