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即可停止该项目

相关推荐
德育处主任Pro1 天前
『NAS』在群晖部署一款太空策略游戏-ogame-vue-ts
前端·vue.js·游戏
ziqi5221 天前
第二十五天笔记
前端·chrome·笔记
GISer_Jing1 天前
Memory、Rules、Skills、MCP如何重塑AI编程
前端·人工智能·aigc·ai编程
xcs194051 天前
前端 项目构建问题 \node_modules\loader-runner\lib\loadLoader.js
开发语言·前端·javascript
广然1 天前
EVE-NG 镜像管理工具 1.1 Web 版本正式发布!
运维·服务器·前端
Data_Journal1 天前
【无标题】
大数据·服务器·前端·数据库·人工智能
我爱加班、、1 天前
new Map()+Array.from()整理elementPlus的级联器数据
linux·前端·javascript
Hx_Ma161 天前
Map集合的5种遍历方式
java·前端·javascript
css趣多多1 天前
render函数
前端·javascript·vue.js
web打印社区1 天前
前端开发实现PDF打印需求:从基础方案到专业解决方案
前端·vue.js·react.js·electron·pdf