标签:npm Vue 678 CLI vue Vite install vitejs vite
Vue CLI脚手架
Vue CLI 安装和使用
- npm install @vue/cli -g
vue create 项目的过程
项目的目录结构
认识Vite
Vite的构造
浏览器原生支持模块化
Vite的安装和使用
- npm install vite –g # 全局安装
- npm install vite –D # 局部安装
Vite对css的支持
Vite对TypeScript的支持
Vite对vue的支持
Vite打包项目
demo
vite.config.js
const vue = require('@vitejs/plugin-vue')
module.exports = {
plugins: [
vue()
]
}
ESBuild的构建速度
Vite脚手架工具
npm init @vitejs/app
npm install @vitejs/create-app -g
create-app
demo
vite.config.ts
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
});
标签:npm,Vue,678,CLI,vue,Vite,install,vitejs,vite 来源: https://www.cnblogs.com/jianjie/p/14851296.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。