vue项目之速度与激情

自从开始搭建vue项目，上了前端工程化的车之后，我时常在想，这台车如何才能开快点，再开快点，再开快点。
于是，就有了后面的故事。

故事要从安装node环境那天开始说起。。。

安装node环境

1. 去官网下载安装node
2. 打开命令行，查看版本

node -v
npm -v

npm install的时候，默认下载使用的是国外的源，比较卡，时不时还会安装失败。
咋个办呢，我的车，卡在了路上，一动不动。
这时候就有个叫nrm的年轻人走过来，拍了拍我的车引擎盖，说这个我有办法，切换成国内的源就行了。

使用nrm

1. 全局安装nrm

npm install nrm -g

2. 查询可用下载地址列表

nrm ls

3. 看哪个跑得快一点

nrm test

4. 哪个快就用哪个
   比如有个叫taobao的引擎测出来跑得最快，就

nrm use taobao

这样就可以安心使用npm install xxx了，我的车开动了。
这时候，我开着白色的npm的车在路上跑着，突然旁边一个yarn牌的五颜六色的车很快就超过了我。
这能忍吗，不能忍，我要换车。

使用yarn

1. 全局安装yarn

npm install yarn -g

2. 使用yarn
   yarn人狠话不多。
   你说npm install，他说yarn。
   你说npm run serve，他说yarn serve。
   你说npm install xxx --save-dev，他说yarn add xxx --dev。

顺带一提，我的车是vue-cli牌的，说到这，我不禁陷入了回忆之中。

使用vue-cli搭建项目

1. 安装vue-cli

npm install -g vue-cli 

2. 创建项目

vue init webpack demo1

3. 看提示操作

cd demo1
npm install
npm run dev

这个牌子的车开起来，有点复杂，东西装多了也不是很快，我就一直想换。正好，去年升级翻新，我就换成了@vue/cli的车牌。

使用@vue/cli搭建项目

1. 卸载老版本,安装新版本

npm uninstall -g vue-cli

npm install -g @vue/cli

2. 创建项目

vue create demo2

3. 看提示操作

cd demo2
npm run serve

正当我开开心心跑在路上的时候，旁边一辆车跑的飞快，一看车牌vite，我还没来得及多看两眼，它就不见了踪影。
一听人介绍，哦，原来新技术出来了，vue3。

使用vite搭建vue3项目

也不啰嗦了，一步到位

yarn create vite-app demo
cd demo
yarn 
yarn dev

vite牌的车是今年上市的，速度飞快。不过呢，很多相应的配件还没跟上节奏，也算是美中不足的地方。

速度与激情的故事就说到这里啦，不知道朋友们现在开着什么车呢？