基于VUE3.0搭建项目

1.安装

安装@vue/cli（Vue CLI 3的包名称由 vue-cli 改成了 @vue/cli）

npm install -g @vue/cli 

2.创建项目

vue create <Project Name> //文件名 不支持驼峰（含大写字母）

1>配置方式

2>手动选择添加的配置项

Choose Vue version：视图版本
Babel：ES6代码转为ES5代码
TypeScript：TypeScript是一个JavaScript(后缀.js)的超集(后缀.ts)
Progressive Web App (PWA) Support：渐进式Web应用程序
Router：vue-router路由
Vuex：vuex状态管理模式
CSS Pre-processors：CSS预处理器
Linter / Formatter：代码风格检查和格式化
Unit Testing：单元测试（程序员的角度测试）
E2E Testing：测试（站在用户角度）

如果使用TS的话，会出现以下选择

export default class Home extends Vue{
 
}

3>选择的版本Vue.js版开始项目时使用的（这里选的3.x）

4>路由器使用历史模式？

5>选择一个CSS预处理器

6>选择ESLint代码校验规则

7>选择什么时候进行代码规则检测

8> 选择如何存放配置

9>是否存储当前配置

10>名称

11>搭建完成

3.配置vue.config.js中的less

module.exports = {
  pluginOptions: {
    "style-resources-loader": {
      preProcessor: "less",
      patterns: [
        //这个是加上自己的路径，
        //注意：试过不能使用别名路径
        path.resolve(__dirname, "./src/assets/css/base.less")
      ]
    }
  }
};