Vue-Cli 建立vue3项目

一、安装node
官网：https://nodejs.org/en/download/
cmd=》node --version 查看版本

二、安装vue cli
官网：https://cli.vuejs.org/zh/guid...

npm install -g @vue/cli
OR
yarn global add @vue/cli
OR
npm install -g @vue/cli@3.11.0（指定版本）

cmd=》vue --version 查看版本

在Vue-CLI4中运行如下命令来建立一个新项目：

vue create hello-world

而后提示选取一个 preset。能够选默认的包含了基本的 Babel + ESLint 设置的 preset，这里咱们选“手动选择特性”来选取须要的特性（键盘上下键便可切换）

选择自定义的配置，我通常选择这几个插件

• 按空格键选中取消

选择vue的版本vue2/vue3，这里选了vue3：

选择是否使用路由 history router

• Y选择使用history，但须要对后端配置；n选择的是hash，即地址栏URL中的 # 符号，它会在url中加一个#，好比：http://localhost:8080/#/Global，这里我选择n

选择css 的预处理器，我选 Sass/SCSS (with dart-sass)

• node-sass是实时自动编译的，dart-sass须要保存后才会编译

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

而后选择何时进行代码校验，我选择Lint on save

• Lint on save 保存就检查，Lint and fix on commit 是当 fix 或 commit 时检查

选择如何存放配置

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

是否保存当前的配置，N 不记录，若是选择 Y 须要输入保存名字，我选择N不记录

回车以后，等待项目建立成功

建立成功后，执行给出的两条命令

项目启动成功