1.安装node.js
下载路径:https://nodejs.org/zh-cn/download
打开命令行运行node -v npm -v 检查是否安装成功
2.全局安装Vitenpm install -g create-vite
3.开始创建一个vue项目create-vite my-test --template vue
4.进入项目目录cd my-test
5.安装依赖npm install
6.运行项目npm run dev
运行成功
7.node_modules:npm加载的项目依赖模块
8.src文件夹
components:组件目录
router:路由文件,配置路由路径写在index.js里
App.vue 根组件
main.js 入口js文件
static:静态资源目录,如图片、字体等。不会被webpack构建
index.html:首页入口文件,可以添加一些 meta 信息等
package.json:npm包配置文件,定义了项目的npm脚本,依赖包等信息
使用Vite从0到1快速构建vue项目
最新推荐文章于 2024-08-14 23:33:44 发布
本文指导如何通过Node.js下载并安装Vite,创建并配置Vue项目,包括全局安装Vite、设置项目结构(如组件、路由、依赖等),以及管理package.json文件。
摘要由CSDN通过智能技术生成