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

相关推荐
_zhourui_h_3 分钟前
一个 [ECS] 到底生成了多少代码?EasyECS 最核心的秘密都在这里
前端
梨想橙汁5 分钟前
Git 分支详解:创建切换、合并分支、冲突解决实战
前端·git
雪芽蓝域zzs7 分钟前
Vue3 defineProps` / `defineEmits` 是编译器宏,不需要手动 import 导入
前端·javascript·vue.js
whyweplay11 分钟前
Elpis:从Json Schema 到 页面
前端·javascript
做萤石二次开发的哈哈1 小时前
海康班班通交互一体机技能接入实战:ISAPI透传+OTAP双协议封装,Web/App/小程序教学管理应用一站生成
前端·物联网·小程序·交互·萤石开放平台·蓝海aiot一站式工作台·aiot开发
计算机魔术师1 小时前
Anthropic一次性锁死十年算力,5170亿美元买什么
前端
IT_陈寒1 小时前
Redis的订阅丢失消息?你可能忘了这个配置
前端·人工智能·后端
头茬韭菜1 小时前
第 3 篇:「Pydantic 即 Schema」—— 工具生态三层解剖
前端·chrome·ai·openmanus
恋猫de小郭1 小时前
Flutter 状态管理基准测评,一个很有趣的观点
android·前端·flutter