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/

相关推荐
佛系打工仔4 小时前
绘制K线第二章:背景网格绘制
android·前端·架构
明天好,会的6 小时前
分形生成实验(五):人机协同破局--30万token揭示Actix-web状态管理的微妙边界
运维·服务器·前端
C_心欲无痕6 小时前
nginx - alias 和 root 的区别详解
运维·前端·nginx
我是苏苏8 小时前
Web开发:C#通过ProcessStartInfo动态调用执行Python脚本
java·服务器·前端
无羡仙9 小时前
Vue插槽
前端·vue.js
Cosimac9 小时前
用 npm 做免费图床,这操作绝了!
npm·github
用户63879947730510 小时前
每组件(Per-Component)与集中式(Centralized)i18n
前端·javascript
SsunmdayKT10 小时前
React + Ts eslint配置
前端
奶糖的次元空间10 小时前
带你用 Javascript 生成器玩转「会暂停」的函数
node.js