vue3.x 使用webpack init 初始化一个新项目
小白的我更新一波利用vue 3.x创建vue2.x项目 vue官网 https://cn.vuejs.org/v2/guide/
1.准备 node npm/cnpm/yarn (cnpm/yarn比npm安装的要快),本人以npm为例。
2.全局安装 @vue-cli 脚手架 利用vue -V查看版本号 ;如果安装失败,查看node环境变量,重新安装node ,重新安装vue
ps: npm install --g vue-cli 是2.x版本的安装方法 版本3.x多了一个@ npm install --g @vue-cli 符号 2.x版本也能安装 安装的版本我的是2.9.6
vue 3.x版本安装
npm install -g @vue/cli
3.创建项目 vue init webpack mydemo 这时会显示一下信息
因为Vue-cli 3.x和vue-cli 2.x使用了相同的 vue
命令,所以 vue-cli 2.x 被覆盖了。如果你仍然需要使用旧版本的 vue init
功能,你可以全局安装一个桥接工具
@vue/cli-init
4:安装@vue/cli-int
npm install -g @vue/cli-init
5.创建项目
vue init webpack mydemo
项目名称 描述 作者 vue搭建 (对vue搭建的解释) 稍微看一下 本人选择第一个了
是否安装路由 是否安装eslint 单元测试( 个人觉得不安装选择) e2e测试(个人觉得不安装选择 )
选择安装
安装完成,cd到项目下 启动命令 浏览器打开 localhost:8080
npm run start
项目创建完成
以上操作官网也有,一路上也没碰到什么坑,有问题自行百度,一般规规矩矩不会有问题