vite搭建vue3+ts项目 手把手教学

1.基础框架生成

//vue3-demo是自定义的项目名
npm init vite vue3-demo -- --template vue

vite搭建vue3+ts项目 手把手教学_第1张图片
选择vue
vite搭建vue3+ts项目 手把手教学_第2张图片
选择vue-ts
vite搭建vue3+ts项目 手把手教学_第3张图片
按照提示:

 cd vue3-demo
 npm install
 npm run dev

提示:这里记录一下:假如你的node版本小于12 会报Object.fromEntries is not a function 切换node到12以上版本即可! (我这里是nvm管理node版本;未配置的话搜索nvm自行安装)

vite搭建vue3+ts项目 手把手教学_第4张图片
打开地址
vite搭建vue3+ts项目 手把手教学_第5张图片

总结:

以上就是基础的代码生成
持续更新…

你可能感兴趣的:(vue.js,vue.js,typescript)