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 中

是否保留以后的配置,N 不记录,如果抉择 Y 须要输出保留名字,我抉择N不记录

回车之后,期待我的项目创立胜利
创立胜利后,执行给出的两条命令

我的项目启动胜利