1、装置node
官网:https://nodejs.org/en/download/
cmd=》node --version 查看版本
2、装置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 中