目录 一:npm构建 二:更改http://localhost:3000/到8080与Network路由访问 三:配置vite别名(npm install @types/node --save-dev) 四 :路由(npm install vue-router@4) 五:vuex(npm insta
1import { defineConfig } from 'vite'2import vue from '@vitejs/plugin-vue'3import path from 'path'4 import AutoImport from 'unplugin-auto-import/vite' 5 import Components from 'unplugin-vue-components/vite' 6 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'78//http...
node: true, }, parser: "vue-eslint-parser", extends: [ // https://eslint.vuejs.org/user-guide/#usage "plugin:vue/vue3-recommended", // "./.eslintrc-auto-import.json", "prettier", "plugin:@typescript-eslint/recommended", "plugin:prettier/recommended", // "@unocss", ], parser...
(1)、安装支持Vue3的状态管理工具 vuex@next npm i vuex@next (2)、main.ts 文件挂载 import { createApp } from 'vue'import App from './App.vue'import router from '@/router/index'import store from '@/store/index'const app=createApp(App)app.use(router)app.use(store)app.mount('#app')...
使用vite搭建项目 1. yarn create vite [创建项目] 2. 输入项目名[vitevue3ts] 3. 选择使用的js框架vue 4. 使用使用ts 选择vue-ts 5. cd vitevue3ts 6. npm install 7. npm run dev 1. 2. 3. 4. 5. 6. 7. 自动打开浏览器,将vite.config.ts文件配置如下 ...
第一步、命令行搭建: 1、按提示操作 npm create vite@latest 按提示操作选择安装 2、通过附加的命令行选项直接指定项目名称和使用的模板 npm create vite@latest my-vue-app -- --template vue 后续按提示操作 配置生产环境,.env等配置不同环境下的请求地址; ...
//vitejs.dev/config/ export default defineConfig(({ command, mode }) => { return { plugins: [ vue(), + // 添加下面这块 + eslintPlugin({ + include: ['src/**/*.js', 'src/**/*.vue', 'src/*.js', 'src/*.vue'] + }) ], css: { preprocessorOptions: { stylus: { ...
（1）、在项目的根目录下新建vite.config.js 文件，代码如下：import { defineConfig } from 'vite' import path from 'path' import {createVuePlugin} from 'vite-plugin-vue2' import legacyPlugin from '@vitejs/plugin-legacy' //按需导入组件 start import Components from 'unplugin-vue-components/vite...
搭建过程 1、初始化项目 vite提供了对应的npm命令可以创建各种框架的项目,但是vite在创建vue项目时,默认直接创建vue3,因此这里我们使用原生项目进行创建 1.1 创建项目 注意:这里vite的版本采用2.8.0的,最新的版本创建后续会出现问题 npm init vite@2.8.0