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/

相关推荐

  1. npm 安装vite

    2024-04-30 08:28:01       71 阅读
  2. nodejs和npmvite

    2024-04-30 08:28:01       50 阅读
  3. Mac下安装NVM,NVM安装Node(附带NPM)

    2024-04-30 08:28:01       47 阅读
  4. nvm安装node一直没有npm

    2024-04-30 08:28:01       27 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-30 08:28:01       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-30 08:28:01       106 阅读
  3. 在Django里面运行非项目文件

    2024-04-30 08:28:01       87 阅读
  4. Python语言-面向对象

    2024-04-30 08:28:01       96 阅读

热门阅读

  1. Spring Boot项目中集成Logback作为日志框架-笔记

    2024-04-30 08:28:01       70 阅读
  2. 探索PyTorch:开源深度学习框架的魅力

    2024-04-30 08:28:01       36 阅读
  3. 深度学习面试总结(上岸版~)

    2024-04-30 08:28:01       37 阅读
  4. Python深度学习实践:使用TensorFlow构建图像分类器

    2024-04-30 08:28:01       34 阅读
  5. CSS 如何在长方形中间加一条横线

    2024-04-30 08:28:01       159 阅读
  6. 第十五届蓝桥杯总结

    2024-04-30 08:28:01       30 阅读