乐趣区

关于vue.js:VueCli-创建vue3项目

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 不记录

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

我的项目启动胜利

退出移动版