Vue3_Vite构建工程化前端项目

使用命令行创建工程

  1. 在磁盘的合适位置上,创建一个空目录用于存储多个前端项目
  2. 用vscode打开该目录
  3. 在vscode中打开命令行运行如下命令
    cls清屏
clike 复制代码
npm create vite
或者
npm create vite@latest

第一次使用vite时会提示下载vite,输入y回车即可,下次使用vite就不会出现了

选择Vue框架,然后回车

选择JavaScript

查看生成的package.json,可以看到依赖的框架

进入demo08-vue02进行依赖的下载

npm i


ctrl+单击即可打开http://localhost:5173/

ctrl+c即可停止该项目

相关推荐
武清伯MVP2 小时前
CSS Grid布局全解析:从基础到实战的二维布局方案
前端·css·grid
xfq2 小时前
typescript泛型枚举以及NaN传染处理
前端·typescript
ErMao2 小时前
开始搭建第一个React项目吧~
前端·react.js
Yanni4Night2 小时前
JavaScript打包器大奖赛:谁是构建速度之王? 🚀
前端·javascript
默海笑2 小时前
VUE后台管理系统:项目架构之搭建Layout架构解决方案与实现
前端·javascript·vue.js
咸鱼加辣2 小时前
【前端脚手架】node
前端
温宇飞2 小时前
WebGL 的渲染管道和编程接口
前端·webgl
帅的被人砍xxx2 小时前
【vue演练场安装 element-plus框架】
前端
麦麦大数据3 小时前
F051-vue+flask企业债务舆情风险预测分析系统
前端·vue.js·人工智能·flask·知识图谱·企业信息·债务分析