1、安装vue-cli4.x
1.1:可以使用下列任一命令安装这个新的包:
#npm 安装
npm install -g @vue/cli
# yarm安装
yarn global add @vue/cli
1.2:检查vue版本
vue -version 或者 vue -V
1.3:如果已经安装vue/cli,可以按如下指令升级
#npm 方式
npm update -g @vue/cli
# yarm方式
yarn global upgrade --latest @vue/cli
vue-cli 的包名称已经改为@vue-cli,如果安装的是旧版本,先卸载,在安装
#npm方式
npm uninstall vue-cli -g
#yarm方式
yarm global remove vue-cli
2、创建vue3.0项目
执行创建项目命令:
vue create demo 按下enter按钮
选择Manually select features
按空格键一次选择Babel,Progress Web App(PWA) Support,Vuex,Router,Css Pre-processors,Linter / formatter
选择Vue版本,选择Vue3
路由选择模式,是否选择history ,我选择n
css预处理选择less
选择使用ESLint + Prettier
选择使用Lint on save
择这些配置文件时单独存放,还是直接存放在package.json文件里
是否将此保存为将来项目的预设,选择N
依赖下载完成,进入项目目录,运行启动命令即可
我们创建步骤就走完了。