@vue/cli 手动创建项目

@vue/cli 手动创建项目

vue-cli 创建项目命令

vue create myfirstdemo（项目名）

1、执行命令后，vue-cli会提示选择默认安装预先设定好地插件还是选自手动选择（Manually select features），如果一般小项目选择默认即可；在这里，选择的是手动设置（Manually select features），按上下键进行选择，选择后，按enter键

2、选择项目中需要设置安装的插件

此处的pwa，大家可能都会有疑问，pwa是什么技术，在此不进行描述，详情请看：https://juejin.im/post/5a6c86e451882573505174e7

这篇文章详细介绍pwa

3、如果选择Router后，下一步会提示是否选择使用history模式的router

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。eg：localhost:8080/#/demo

如果想去除上述url例子中的 “#” 好，可以使用 history 模式，在项目中一般都推荐使用 history 模式

4、选择css样式预处理器

5、选择哪个代码检测配置

ESlint with error prevention only 只选择eslint进行代码校验
ESlint + Airbnb config/ Prettier 不熟悉，在此不做描述
ESlint + Standard config eslint代码检验 + standard 自定义标准

6、是否选择安装lint的额外的插件

lint on save 在保存时对代码进行校验
lint and fix on commit 在往代码库提交时，对代码进行校验并自动修复

7、将Babel、PostCSS、ESLint等配置放在哪里

8、将预设的配置，保存到你想保存的位置，默认是保存在项目中

按 enter 键后，就可以等待自动安装相应的插件。。。