前端资料汇总（VUE+VScode+elementUI开发环境）

在VSCode中配置Vue.js和Element UI的开发环境，你需要安装必要的扩展和配置jsconfig.json。

1. 确保你已经安装了Node.js和npm。

2. 安装Vue CLI：

   
   
   
   npm install -g @vue/cli

3. 创建一个新的Vue项目（如果你还没有）：

   
   
   
   vue create my-project

4. 进入项目目录：

   
   
   
   cd my-project

5. 添加Element UI：

   
   
   
   vue add element

   这个命令会自动引入Element UI并且配置Vue项目。

6. 如果你想手动配置，可以安装Element UI：

   
   
   
   npm install element-ui --save

7. 在main.js中全局引入Element UI：

   
   
   
   import Vue from 'vue'
   import ElementUI from 'element-ui'
   import 'element-ui/lib/theme-chalk/index.css'
   import App from './App.vue'
    
   Vue.use(ElementUI)
    
   new Vue({
     el: '#app',
     render: h => h(App)
   })

8. 配置jsconfig.json以支持Vue单文件组件的自动导入：

   
   
   
   {
     "compilerOptions": {
       "baseUrl": ".",
       "paths": {
         "@/*": ["./*"]
       }
     },
     "include": ["src/**/*"],
     "exclude": ["node_modules"]
   }

这样，你就设置了一个基本的Vue + Element UI开发环境。在VSCode中，你可以开始开发Vue应用，并利用Element UI提供的组件库。