首页 > 其他分享 >使用vscode + vite + vue3+ vant 搭建vue3脚手架

使用vscode + vite + vue3+ vant 搭建vue3脚手架

时间:2023-03-14 17:36:10浏览次数:54  
标签:vant vscode vite vue3 安装 输入

【术栈】
开发工具:VSCode
代码管理:Git
前端框架:Vue3
构建工具:Vite
路由:vue-router 4x
状态管理:vuex 4x
AJAX:axios
UI库:vant
数据模拟:mockjs
css预处理:sass

构建vue3项目

1,安装 vite

以管理员身份打开cmd命令窗口,切换到要安装项目的文件夹

cd  E:\code\web\myvue3

安装 vite

npm init vite@latest 

 输入项目名称,

输入包名称,

选择Vue(如果上下键不能选择,就手动输入选项,再回车),

选择JavaScript,

创建完毕。

 

 创建项目生成的文件:

2,行vite + vue3项目

打开vscode,输入两条命令

cnpm insall           #仅第一次运行前需要安装
npm run dev

 

标签:vant,vscode,vite,vue3,安装,输入
From: https://www.cnblogs.com/yyee/p/17215682.html

相关文章