VUE3项目创建

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
依赖下载完成,进入项目目录,运行启动命令即可

我们创建步骤就走完了。

你可能感兴趣的:(VUE3项目创建)