VUE 3.0项目搭建

项目创建流程：

一、升级本地环境

npm uninstall -g vue-cli
 
npm install -g @vue/cli

安装好了之后输入 vue -V 查看版本

二、搭建项目

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

default 是使用默认配置

Manually select features 是自定义配置，我选的是自定义配置

按上下键切换，空格键选择

是否使用class风格的组件语法，是
是否使用babel做转义，是

选择是否使用路由 history router，其实直白来说就是是否路径带 # 号，选择 N

css 的预处理器我选择的是 Sass/SCSS(with dart-sass) 。node-sass是自动编译实时的，dart-sass需要保存后才会生效

sass 官方目前主力推 dart-sass 最新的特性都会在这个上面先实现

选择 ESLint 代码校验规则，提供一个插件化的javascript代码检测工具，ESLint + Prettier 使用较多

然后选择什么时候进行代码校验，Lint on save 保存就检查，Lint and fix on commit   fix 或者 commit 的时候检查，建议第一个

如何存放配置，In dedicated config files 存放到独立文件中，In package.json 存放到 package.json 中

是否保存本次的配置了，N 不记录，如果选择 Y 需要输入保存名字

然后就开始创建项目，创建完成之后输入命令

npm run serve