创建项目

1
2
3
npm init @vitejs/app
//或
npm init vue@latest //然后按需安装

运行项目

1
2
3
cd vite_demo
npm install
npm run dev

安装sass预处理器

1
npm install --save-dev sass

安装axios

1
npm install axios

解决跨域问题

在vite.config.ts 中更改以下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
server: {
// hmr:true,
proxy: {
'/api':
{
target: "https://c.m.163.com",
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, '')
}
}
}
})

安装echarts

1
npm install echarts --save

今天踩了一个小坑,这里记录一下,App.vue里面写的是全局样式,不能加scoped

比如改变内外边距为0