创建自己的第一个vue项目

vue-cli是vue官方搭建vue项目的脚手架，用来快速搭建vue项目。上一篇文章已经安装了npm和vue，这一篇就让我们直接开始搭建项目吧。

1、打开自己的文件夹，例如我存放文件的是E盘projects文件夹，使用cmd打开文件夹

e:  //进入E盘

cd projects //打开projects文件夹

2、运行命令创建项目，我创建的项目名称为test

vue init webpack test

3、进入项目设置页面，基本就是一路回车就行了，但是在ESLint那里我建议新手选择NO，这是是否使用ESLint作为代码规范，新手可能不太清楚ESLint的代码规范规则，容易在写代码的时候，最后写的没问题最后报错找不到原因。

?Project name vue-demo # 项目名称，直接回车，按照括号中默认名字（注意这里的名字不能有大写字母，如果有会报错Sorry, name can no longer contain capital letters）。
? Project description A Vue.js project # 项目描述,随便写
? Author # 作者名称
? Vue build standalone # 我选择的运行加编译时
    Runtime + Compiler: recommended for most users
? Install vue-router? Yes # 是否需要 vue-router
? Use ESLint to lint your code? Yes # 是否使用 ESLint 作为代码规范.（新手不推荐使用，建议选择no）
? Pick an ESLint preset Standard # 一样的ESlint 相关
? Set up unit tests Yes # 是否安装单元测试
? Pick a test runner 按需选择 # 测试模块
? Setup e2e tests with Nightwatch? 安装选择 # e2e 测试
? Should we run `npm install` for you after the project has been created? (recommended) npm # 包管理器，我选的NPM

4、然后就是等待安装，安装完成之后，进入进入该目录

cd test 进入test文件夹，E:\projects\test

5、初始化项目，安装项目的依赖，vue项目的开发基本都是靠着安装依赖完成，无论是使用一些其他插件还是使用各种UI框架都需要先用npm安装依赖之后在使用。

npm install

6、等待安装依赖，安装完成之后，接下来就是运行项目了。

npm run dev

7、完成之后，就会看到这样一句话 Your application is running here: http://localhost:8080，这样之后你就打开浏览器，输入localhost:8080，即可看到你的项目了

就这样，第一个vue项目就安装完成了。

8、接下来就可以打包发布了

npm run build

9、就这样会在test生成一个dist文件夹，把dist文件夹里面的两个文件拷到服务器上就可以了。但是vue打包发布有坑，下一篇文章在做介绍。