vue-cli创建vue3.X

下载node.js

官网下载,版本号为14.17.3
vue-cli创建vue3.X

查看node和npm版本

node -v
npm -v

vue-cli创建vue3.X

安装vue-cli

npm install -g @vue/cli
vue -V

查看vue-cli版本
vue-cli创建vue3.X

创建项目

命令创建

vue create XXX

选择手动创建
vue-cli创建vue3.X
选择要装的组件,Babel为js编译器、Router是vue的路由,Vuex管理Vue组件的状态,CSS Pre-processors为css预处理(即sass/scss)。
vue-cli创建vue3.X
选择版本3.X
vue-cli创建vue3.X
选择router插件用h5的history模式
vue-cli创建vue3.X
选择css预处理方式,Sass/SCSS,这里不要再选择node-sass,一定要使用dart-sass。node-sass底层依赖 libsass,导致很多用户安装的特别的困难,尤其是 windows 用户,它强制用户在windows环境中必须安装python2和Visual Studio才能编译成功。
vue-cli创建vue3.X
选择配置文件用package.json
vue-cli创建vue3.X
是否把此次设置变成预选方案,方便下次新建项目时使用
vue-cli创建vue3.X
创建完成
vue-cli创建vue3.X

UI界面创建

vue ui

vue-cli创建vue3.X
新建项目
vue-cli创建vue3.X
输入项目名
vue-cli创建vue3.X
还是一样,选择手动
vue-cli创建vue3.X
选择插件,并让插件使用独立的配置文件
vue-cli创建vue3.X
各插件的配置选择
vue-cli创建vue3.X
不保存预设
vue-cli创建vue3.X

上一篇:node-sass安装失败之npm ERR! Failed at the node-sass@4.9.4 postinstall script.


下一篇:SpringSecurity权限控制之异常处理方式三