vue3 项目搭建

 

下载好cli

 

创建项目

vue create hello-world

借助style-resources-loader安装sass

vue add style-resources-loader

下载以下版本的sass 安装包  下载vue-loader

  "node-sass": "^6.0.1",
  "sass": "^1.18.0",
"sass-loader": "^7.1.0",

"vue-loader": "^15.9.8"

 既可以使用了

使用ant-design-vue  UI库

npm i --save ant-design-vue@next -S

 

 main.js中修改

import { createApp } from 'vue'
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
import App from './App.vue'
createApp(App).use(Antd).mount('#app')

关闭vue3 eslint校验 

vue.config.js中配置

module.exports={
    //关闭eslint规则
    devServer:{
        overlay:{
            warnings:true,
            errors:true
        }
    },
    lintOnSave:false
}