vue构建项目的五种方式
目录
-
vue init webpack 项目名
-
vue create 项目名
-
npm init vue@latest
-
npm create vite@latest
-
vue ui
前提环境：
-
环境：安装node.js
- vue环境
使用 webpack 搭建 Vue 项目时，需要安装 vue-cli 和 webpack、webpack-cli。
1、全局安装脚手架 vue-cli
npm install -g vue-cli (vue-lcli2，使用vue-cli2.x初始化项目安装这个)
npm install -g @vue/cli (vue-cli3，使用vue-cli3.x初始化项目安装这个）2、检查是否安装成功：输出版本号说明安装成功
vue2：vue -V
vue3：vue --version
3、全局安装 webpack
npm install -g webpack
4、全局安装 webpack-cli
npm install -g webpack-cli
方法1：vue init webpack 项目名（vue-cli2.x的初始化方式）
vue init webpack 【 项目名以管理员身份打开命令行界面 (按住 shift 鼠标右键 打开 PowerShell)，输入以上命令】
npm install
npm run serve
方法2：vue create 项目名（vue-cli3.x的初始化方式）
使用vue cli环境前提条件： node -v v16.13.0 npm -v 8.1.0 vue -V @vue/cli 4.5.15
- 全局安装vue-cli：npm install -g @vue/cli
- 直接创建vue项目：vue create 项目名
脚手架 vue-cli3.x 创建的 vue3 项目是基于 webpack 打包的。
vue cli底层用webpack搭建的,此种方式创建vue3适合新手过渡用
方法3：npm init vue@latest
npm init vue@latest 创建的 vue3 项目是基于 Vite 打包的。
npm init vue@latest 安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。
