如何使用vite 新建一个vue项目

萨德基：

为何用vite增建两个vue工程项目呢，坚信介绍的好友都如果晓得vite是渐渐火爆出来的这款web合作开发后端构筑的辅助工具，对照常见的webpack，竞争优势如下表所示：

（1）即使采用原生植物ESM文档，无须装箱，动态校对

（2）无论插件大小不一，组件热读取（HMR）非常快

（3）灵巧的API

（4）上手单纯、合作开发成本低

这是咋优先选择用vite增建两个vue工程项目了，上面就来看一看关键步骤怎样。

1、关上终端产品

采用idea或是vscodeGUI，关上邻近地区终端产品，是为的是在自订的产品目录中增建vue工程项目

2、那边是采用npm建立vite，输出npm create vite@latest ,采用yarrn 可输出 yarn create vite，会有提示，一步步优先选择vue即可

3、如果想要两个模板，建立两个vite+vue的模板，就输出npm create vite@latest my-vue-app — –template vue

4、进入你建立的app产品目录中，cd cillian-vue

5、运行npm install

6、运行npm run dev

速度是真的非常快！

7、访问给出的网址，点击即可跳转，出现这个界面是建立成功了。

8、再来看一看建立的文档产品目录，关上文档产品目录

到此就算建立成功，不过这只是官方默认生成的两个模板，具体合作开发成什么样，就看各位的喜好了，那么现在就开始你的合作开发之旅吧。