vue 使用vue-cli4.0快速搭建一个项目

目录

1、为项目起个名称

2、选择自定义配置

（1）、选择 vue 版本

（2）、选择路由模式

（3）、选择 css 的预处理器

（4）、选择 ESLint 代码校验规则，提供一个插件化的javascript代码检测工具

（5）、选择什么时候进行代码校验

（6）、选择以上配置存放的方式

（7）、是否保存本次的配置

3、查看自定义配置

---

1、为项目起个名称

vue create <Project Name> //文件名 不支持驼峰（含大写字母）

2、选择自定义配置

先勾选上预选项（按空格可选择），选好后回到第一项：

（1）、选择 vue 版本

（2）、选择路由模式

这里的意思是：是否使用 history 路由模式。

（3）、选择 css 的预处理器

sass 官方目前主力推 dart-sass，dart-sass 包含最新的功能；

node-sass 是用 node(调用 cpp 编写的 libsass)来编译 sass；
dart-sass 是用 drat VM 来编译 sass；

（4）、选择 ESLint 代码校验规则，提供一个插件化的javascript代码检测工具

ESLint + Prettier 使用较多。

（5）、选择什么时候进行代码校验

• Lint on save 保存就检查；
• Lint and fix on commit   fix 或者 commit 的时候检查。

建议选择 Lint on save 保存就检查。

（6）、选择以上配置存放的方式

• In dedicated config files 存放到独立文件中；
• In package.json 存放到 package.json 中。

本着项目结构简单的想法，我选择了第二个。

（7）、是否保存本次的配置

如果选择 N 不保存，如果选择 Y 需要输入保存名字。

3、查看自定义配置

“C 盘 / 用户” 里找到 “.vuerc” 文件，以记事本的方式打开，就能看到里面的 自定义配置 了。