Vue创建项目 (二)

1. 创建项目

1.1 创建

vue项目通过vue-cli的create命令来创建，打开CMD输入:

vue create hello

hello可以改成任意想要的项目名。

1.2 选择预设

回车后会让你选择配置

1. default
   是默认配置，包含了eslint、Babel 一些预设，其实没什么东西，当你要快速写一个Demo可以用这个。
   默认配置继续确定后就创建直接结束了。
2. Manually select features
   手动配置，这个可选择的东西更多，适合需要上线的项目。

1.3 自定义预设

选择Manually select features后出现选择界面
里面(*)代表你选中的东西，按数字12345可以选中/取消对应的选项。
Babel、Router、Vuex必选项，项目肯定要用到。
Linter / Formatter 可以使你养成良好的编码习惯，也能够统一团队的编码规范，强烈推荐。
Unit 和 E2E 是做测试用的，根据自身项目情况选择。

Pick a linter / formatter config 选择你的代码风格，推荐ESlint + Standard。
Aribnb、Standard、Prettier三个标准可以自行百度一下有什么差异。

Babel，PostCss，ESLint这些的配置是单独放在配置文件还是json文件里，选第一个。

1.4 创建完成

选完后，控制台出现一些安装信息，跑完就安装成功了。

1.5 运行项目

CMD进入hello目录，启动服务

npm run serve

复制Netword中的链接http://192.168.0.98:8080/，在浏览器粘贴打开，查看运行结果。

2. 项目管理器

也可以使用图形化界面来创建和管理项目
输入:

vue ui

就会在浏览器里打开管理器。可以做自己想要的操作。