使用vue脚手架快速搭建v3项目命令，v2.0与v3.0略有不同

vue2.0部分：

使用node.js打开cmd控制台

使用npm命令安装：

npm install -g @vue/cli

成功标识：

创建项目：CD到要创建项目的目录下：

vue create xxx项目名

 选择版本完成创建：启动项目

npm run serve

 浏览器访问8080端口与，项目启动。

---

vue3.0部分：---不使用vite（与v2相同）

---

使用 vite 创建（重点、常用）

v2与v3基本一样，但是v2是自动帮你装好所有东西，所以会比较慢一点，而不会这样做，它会直接先把空壳创建完毕，然后让你手动cd进去npm，属实非常有 参与感......

官方文档：安装 | Vue.js

vite官网：Vite中文网

---------------------------------------------------------------------

1.这里我们使用vite创建进行如下命令

npm init vite-app  项目名

2.然后cd进去

cd 项目名

3.接着手动执行 npm install 安装依赖

npm install

 4.最后npm run dev 启动

npm run dev

 

属实快了不少，切身体会。

---

创建vue3+TS项目，可使用如下命令：（常用）

npm create vite@latest

然后选择 vue、再选择ts即可，步骤同上 、只是多了手动选择部分：

依次选择【y】-》【输入项目名】-》【选择vue】-》【选择ts】-》【完成项目创建】