vite笔记

Posted 2021-06-17 子岚天羽卿怜水

1. vite vite文档
   Vite 需要 Node.js 版本 >= 12.0.0。
2. 安装
   安装node node
3. 开始：
   使用npm安装：

npm init @vitejs/app

使用 Yarn:

yarn create @vitejs/app

# npm 6.x
npm init @vitejs/app my-vue-app --template vue

# npm 7+, 需要额外的双横线：
npm init @vitejs/app my-vue-app -- --template vue

# yarn
yarn create @vitejs/app my-vue-app --template vue

cd my-project

npm install
npm run dev

4. element ui

npm i element-plus

然后修改项目入口文件 src\\main.js，引入 Element Plus 库和相关样式文件

import { createApp } from \'vue\'
import App from \'./App.vue\'
import ElementPlus from \'element-plus\'
import \'element-plus/lib/theme-chalk/index.css\'
createApp(App).use(ElementPlus).mount(\'#app\')

ps:node版本不合适可能会报错。

Fatal error in , line 0
Check failed: U_SUCCESS(status).

5. 修改一下 App.vue 文件，新增一个 Button

<el-button type="primary"> Element UI </el-button>