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

我们创建步骤就走完了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容