Vue3+Vite+TS 搭建脚手架

vue3已经拨云见日好久了,之前做的项目基本都是Vue2+webpack做的,正好现在马上要接一个新的项目
基于vite来开发
开发工具:VSCode
代码管理:Git
前端框架:Vue3
构建工具:Vite
路由:vue-router 4x
状态管理:vuex 4x
AJAX:axios
UI库:element-plus
数据模拟:mockjs
代码规范:eslint
代码格式化:Prettier
css预处理:sass

开始构建

初始化项目
npm init vite@latest 
安装完成后vite会引导我们创建一个项目,输入项目名称,package名称,然后选择项目使用的框架,这里有多个选项,我们自然是选择Vue:

Vue3+Vite+TS 搭建脚手架_第1张图片

之后提示选择vue还是vue-ts,这里我们选择vue-ts(如果不用ts就直接选vue)

cd vite-cloud-admin
npm install

成功后运行项目:

npm run dev
  • 一个Vue3+Vite+TS的项目就创建成功了:

参考文章

你可能感兴趣的:(vue3,javascript,前端,vue.js)