使用vite创建Vue3项目
文章已阅读次
通过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/