文章已阅读
 

通过Vite创建的Vue3项目是可以跟Vue2项目共存的,即不影响我们旧的Vue2的项目。

前提条件:已安装 15.0 或更高版本的 Node.js

1)在需要创建项目的文件夹下打开终端,并执行指令:

npm init vite@latest

这里使用npm,不需使用cnpm,否则会默认创建一个名为init的Vue3项目
如果是第一次执行此指令,窗口会提示让你安装 vue-vite??,选择y,进行安装即可;

2)接下来直接输入项目名称后回车:my-vue3-application(这里输入你的项目名称)

3)使用键盘上的上下箭头选择框架:vue 然后回车

4)接下来选择vue的版本,我们选择:vue-ts (Vue2基于JS,Vue3基于TS)后回车

5)进入我们创建好的项目文件夹(my-vue3-application),安装依赖,启动运行Vue3项目

cd my-vue3-application
npm install
npm run dev

最后启动起来的地址默认是: http://127.0.0.1:5173/

2022-10-08

浏览 |

© 2023 南疆 with help from Hexo and Twitter Bootstrap. Theme by Freemind.

container-narrow -->