vue及vue-cli不同版本项目搭建

104 阅读1分钟

前提准备:

  • 下载好 node (npm自动下载)
  • npm 镜像源
1、查看源
npm get registry
或者 
npm config get registry
2、配置淘宝源
npm config set registry https://registry.npmmirror.com
3、还原
npm config set registry https://registry.npmjs.org

  • 查看 Vue 版本
npm list vue ( 不成功就切换管理员权限 进入指定项目中查看)
  • vue-cli 查看版本
vue -V

1、vue2 + vue-cli2

  • 下载 vue-cli
npm install -g vue-cli
  • 创建项目
vue init webpack my-project 

2、vue2/vue3 + vue-cli3+

  • 下载
npm install -g @vue/cli
  • 创建项目
vue create my_project
  • 项目创建时有 vue2 和 vue3 项目的选择,并且自行选择配置

3、Vite 创建一vue项目

  • 可参考官网创建
  • 如下: my-vue-app: 项目名;template vue:vue 的模板
npm init vite@latest my-vue-app -- --template vue

4、vue-cli2 和 vue-cli3+ 的切换

  • 安装 3.0 及以上
npm install -g @vue/cli
  • 切换成 2.0
npm uninstall -g @vue/cli
npm install -g vue-cli
  • 2.0 切换回 3.0
npm uninstall -g vue-cli
npm install -g @vue/cli
  • 安装指定版本
npm uninstall -g @vue/cli   //已安装需先卸载
npm install -g @vue/cli@版本号