创建自己的第一个Vite项目

原创

泰瑞__ 2021-05-20 20:33:30 ©著作权

©著作权归作者所有：来自51CTO博客作者泰瑞__的原创作品，请联系作者获取转载授权，否则将追究法律责任

1.基于脚手架项目创建你的项目

git clone <https://github.com/fancylife/vite-starter.git> ${yourProjectName}
cd ${yourProjectName}

2.安装依赖

npm install

3.启动开发指令

npm run dev
npm run build

上一篇：一份很棒的免费SaaS（软件即服务）清单

下一篇：模式和原则

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

创建vite VUE Router 基础项目工程

创建vite VUE Router 基础项目工程

Vue Vite Router
使用vite创建初始化项目

1 下载vite终端输入npm init vue@latest1.1 创建vue项目完成以后安装提示依次运行2 配置代理服务器 ( vite.config.ts )import { defineConfig } from 'vite'export default defineConfig({ server: { proxy: { '/api': {// 配置需要代理的路

前端
基于Vite创建Vue3项目

基于Vite、Typescript创建Vue3项目和填坑

bc json Vue
npm init、npm init -y

npm initnpm init -y命令的作用是：对项目进行初始化操作，对包进行管理-y 的含义：yes.

npm init npm init -y 初始化 json
vite创建项目

vite 通过命令行创建项目，以及项目相关配置

vue vite 创建项目 vite配置
yarn init vite

## 如何使用 `yarn` 初始化一个 Vite 项目在前端开发的过程中，使用现代的构建工具可以大大提高开发效率。Vite 是一个由 Evan You（Vue 的作者）开发的快速构建工具，得益于其快速冷启动和热模块更替（HMR）功能，越来越多的开发者选择它来构建项目。而 `yarn` 是一种流行的 JavaScript 包管理工具，用于管理项目的依赖库。本文将引导你通过 `yarn in

初始化 bash 服务器
Vite创建React项目

文章目录1. 输入项目名称2. 选择框架3. 选择不同4. 项目创建完成5. 项目结构6. 启动项目Vite 需要 Node.js 版本

react.js node.js Vite创建react项目项目结构项目创建
Hello Vue 3.0 + Vite：vite创建项目

目录首先全局安装vite依次执行下面代码：创建项目也可以使用指令（yarn）：文件目录结构首先全局安装vitenpm in

配置文件 ico git
npm init vite@latest vue3study --template vue

D:\Temp>npm init vite@latest vue3study --template vuenpm ERR! code ETIMEDOUTnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npmjs

github 新版本系统升级
使用npm init快速创建web 应用

一般来说我们会有npm init -y 快速生成package.json 文件，但是npm init 可以使用脚手架工具，生成项目，比较方便参考 npm init 帮助命令 npm init [--force|-f|--yes|-y|--scope] npm init <@scope> (sam

分享
yarn使用vite创建项目

yarn使用vite创建项目yarn create viteyarn安装项目依赖yarnyarn启动vite测试环境yarn devyarn打包，指定打包环境yarn build yarn build --mode=productionyarn build --mode=developmentyarn build --mode=testyarn的vite预览yarn preview yarn

测试环境创建项目
npm cnpm yarn vite

npm cnpm yarn vite 说明

包管理器
vite配置npm还是yarn

如何配置 Vite 使用 npm 或者 yarn### 一、Vite 简介Vite 是一个轻量级的现代化前端构建工具，它以其快速的冷启动和热重载能力而受到开发者的青睐。在开始配置 Vite 的过程之前，首先需要确保已经安装了 Node.js，因为 Vite 是基于 Node.js 运行的。### 二、使用 npm 配置 Vite下面是使用 npm 配置 Vite 的步骤：| 步

json 配置文件初始化
【Vite基础】001-使用 Vite 创建 vue3 项目

项目构建工具

webpack vue.js 前端 App JSX
vue3 用vite创建项目

vue3 用命令创建vite项目

项目创建创建项目 vue3创建vite项目
vitepress 引入npm包全局使用 npm init vite

起初我想通过create-vite-app创建一个vite的vue项目，一开始使用全局安装create-vite-app的方法：npm install -g create-vite-app全局安装完之后，我们还需要调指令生成项目：create-vite-app viteApp 或者 cva viteApp然后我发现create-vite-app在npm官网中安装方法是这样的：npm init vi

json 官网根目录
yarn init yarn init vite

今天目标是使用最新技术构建知乎日报页面，练练手，vue官方推荐vite+create-vue,但普遍说来create-vite更通用一点，我们再用vue3重新构建一下，增进一下对技术的理解。新建一个文件夹，起名daily,进入以后，npm I yarn –g,使用最新的yarn，就可以使用yarn了，一切都用最新的。刚想使用create-vite,结果点进去一看。然后yarn init –y,使

yarn init vue.js 重构前端官网
npm vue 创建项目

1. 上图就直接回车就OK 然后就进行下载下载完成后在demo01文件夹就会出现下面这些信息就是创建完成了进行测试然后按ctrl+鼠标放在接口单击就会显示 ...

JAVA
vite配置npm还是yarn vite与webpack

相比webpack，vite在开发阶段的速度远大于webpack，那么问题来了导致这一问题原因是什么呢首先webpack先打包，再启动开发服务器，请求服务器时直接给予打包后的结果；而vite则是直接启动开发服务器，请求哪个模块再对哪个模块进行实时编译；由于现代浏览器本身就支持ES Modules，会主动发起请求去获取所需文件。vite充分利用这点，将开发环境下的模块文件，就作为浏览器要执行的文件，

vite配置npm还是yarn webpack 前端服务器简书
vite创建项目并且使用less

Linux实验综合训练文章目录Linux实验综合训练前言一、用户和组群管理（本大题共4小题，共10分）（1）创建两个用户banzhang，xuewei，并指定密码为123456，查看配置文件是否创建成功。（2分）（2）创建两个组群分别为wulian和tongxin。（2分）（3）修改banzhang用户的信息，设置用户ID为600，同时将wulian组群作为banzhang用户的附加组群。（4

vite创建项目并且使用less linux 运维服务器 IP
unity 做一个3d大富翁游戏

1、游戏保存如图，在右下角增加保存图标，点击后进行游戏的保存。游戏保存采用json格式，具体如下： { "map_level":2, // 游戏关卡 "gameRoundCount":66, // 游戏回合数 "players":[ //角色信息 { "playerTag":1, //角色1 "playerPositio

unity 做一个3d大富翁游戏 cocos2d-x json 2d i++
Android里的PSS RSS swap分别是什么意思

SIMPLIS仿真软件3－暂态分析（Transient Analysis）详解导读SIMPLIS Status窗口SIMPLIS暂态仿真的机制一个关于暂态分析的有用的小技巧Back Annotation 导读本篇文章是对SIMPLIS中暂态分析功能的详细介绍。如前所述，本专栏是在官网资料的基础上进行撰写的，读者也可以移步官网。鉴于笔者能力有限，若有不当之处，还请各位读者指出！SIMPLIS S

经验分享 Back 官网模态
ieee access 提交论文的操作

北京时间2023年1月14日凌晨2点半左右，ICASSP2023审稿意见出炉。Rebuttal时间为2023.1.13-24，录用通知时间为2023.2.15。Rebuttal时间较长，可以给大家一个相对宽松的修改时间。不过由于最后几天和春节重合度高，届时赶deadline可能节奏不容易调整，望读者朋友们注意。过去几年ICASSP录用数均稳定在1750篇左右，投稿量在3600-3950左右浮动。不

ieee access 提交论文的操作 CCF会议 ICASSP 公众号修改时间
npm 将node_modules里的项目上传到nexus

前言Koa是一个基于Node.js的下一代Web框架，它的特色是不绑定任何中间件，它本身就提供了很多丰富的中间件给我们使用，并且大多数社区都很成熟，配合中间件开发效率真的高~比如路由（koa-router），日志（koa-logger），都可以找到相应的中间件库，即npm包，然后通过app.use(…)引进来本文的主题：实现文件上传就是通过引用相应的中间来实现的我查了一下资料，发现可以实现文件上

koa2 koa-body 上传中间件文件上传
QFileDialog打开android文件

本来不想写这个安装程序的使用说明的，但是发现，菜鸟真的很多，没办法。1、环境准备:需要philips 968（或夏新 E600）一部，原配数据线一根，原配软件Mobile Phone Tools需要已经装好。2、用数据线将手机与电脑相连。3、运行Mobile Phone Tool，然后打开手机的同步功能。稍后片刻，直到手机连结成功。如不成功，手机和电脑都重启后再试。4、在Mobile Phone

手机文件管理器 mobile tools 网络

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯