WebStorm设置Ctrl+滚轮调整字体大小

WebStorm激活 • 2025-02-19 10:29 • 阅读 109

大家好，我是考100分的小小码，祝大家学习进步，加薪顺利呀。今天说一说WebStorm设置Ctrl+滚轮调整字体大小,希望您对编程的造诣更进一步.

以下是在WebStorm中开发uniapp+vite+ts的步骤：

1.创建一个新的uniapp项目，选择vite作为构建工具。

2.在项目根目录下创建一个vite.config.ts文件，用于配置vite。

3.在vite.config.ts文件中添加以下内容：

  import { defineConfig } from 'vite'  import vue from '@vitejs/plugin-vue'  export default defineConfig({  plugins: [vue()],  resolve: {  alias: {  '@': '/src'  }  },  server: {  proxy: {  '/api': {  target: 'http://localhost:3000',  changeOrigin: true,  rewrite: (path) => path.replace(/^/api/, '')  }  }  }  })

4.在tsconfig.json文件中添加以下内容：

  {  "compilerOptions": {  "target": "esnext",  "module": "esnext",  "moduleResolution": "node",  "esModuleInterop": true,  "allowSyntheticDefaultImports": true,  "strict": true,  "jsx": "preserve",  "sourceMap": true,  "baseUrl": ".",  "paths": {  "@/*": ["src/*"]  }  },  "include": ["src//*.ts", "src//*.d.ts", "src//*.tsx", "src//*.vue"],  "exclude": ["node_modules"]  }

5.在APP.vue中添加以下内容：

  <template>  <router-view></router-view>  </template>

6.在main.ts中添加以下内容：

  import { createApp } from 'vue'  import 'https://blog.csdn.net/u0/article/details/style.css'  import App from 'https://blog.csdn.net/u0/article/details/App.vue'  import store from 'https://blog.csdn.net/u0/article/details/store/index'  import router from 'https://blog.csdn.net/u0/article/details/router/index'  const APP = createApp(App)  APP.use(store)  APP.use(router)  APP.mount('#app')

WebStorm设置Ctrl+滚轮调整字体大小

相关推荐