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

相关推荐
晓13139 小时前
【Cocos Creator 3.x】篇——第二章 入门
前端·javascript·游戏引擎
程序员黑豆9 小时前
AI全栈开发之Java:怎么配置Java环境变量
前端·后端·ai编程
xiaofeichaichai9 小时前
React Hooks
前端·javascript·react.js
问心无愧051310 小时前
ctf show web入门110
前端·笔记
拉拉肥_King10 小时前
Vue 3 主题切换深度解析:从炫酷动画到零闪烁方案
前端·vue.js
excel10 小时前
为什么 Pinia + localForage 持久化后,页面初始化拿不到数据?
前端
雨雨雨雨雨别下啦10 小时前
vant介绍
前端
小小小小宇10 小时前
大模型失忆问题探讨
前端
wordbaby10 小时前
rn-cross-calendar:一个兼容 React 18/19、RN/RNOH 的跨平台日历组件
前端·react native·harmonyos
weixin_5231853210 小时前
Collections.unmodifiableMap详解:真的不可修改吗?
java·linux·前端