npm 安装vite

首先,我们安装一下 Vite 工具,这里我们只想在当前项目(vite的基本使用)下使用 Vite 对当前项目进行打包,所以我们选择局部安装:

复制代码

shell

复制代码

npm install vite -D

当然,你也可以全局安装:

复制代码

shell

复制代码

npm install vite -g

安装完 Vite 之后,我们想要用 Vite 对项目中的代码做一些处理,该怎么做呢?之前我们是通过 Live Server 插件启动的本地服务器打开的 index.html 文件,现在,我们可以把 Live Server 开启的本地服务器关了:

关掉 Live Server 的服务器后,我们再来执行 npx vite 命令(会使用局部的 vite 来搭建本地服务器)启动项目:

npx vite 执行的即 node_modules/.bin/vite 命令:

可以看到,执行 npx vite 之后,Vite 就会默认在 localhost3000 端口上给我们搭建一个本地服务(这个服务和之前的 Live Server 没有关系),我们打开这个 http://localhost:1000/

相关推荐
小李子呢02113 分钟前
前端八股浏览器网络(1)---响应头
前端
米丘3 分钟前
vite 插件 @vitejs/plugin-vue
javascript·node.js·vite
倚栏听风雨5 分钟前
详细讲解下 for...of vs for await...of 区别
前端
REDcker5 分钟前
Safari 26.4 新增 WebTransport:对 iOS WebView 的影响与落地建议
前端·ios·safari
练习前端两年半6 分钟前
Vue3 KeepAlive 深度揭秘:组件缓存的魔法是如何实现的?
前端·vue.js·面试
吃西瓜的年年22 分钟前
react(四)
前端·javascript·react.js
阿凤2144 分钟前
后端返回数据流的格式
开发语言·前端·javascript·uniapp
懂懂tty1 小时前
React Hooks原理
前端·react.js
00后程序员张1 小时前
前端可视化大屏制作全指南:需求分析、技术选型与性能优化
前端·ios·性能优化·小程序·uni-app·iphone·需求分析
kyriewen1 小时前
屎山代码拆不动?微前端来救场:一个应用变“乐高城堡”
前端·javascript·前端框架