在写项目时，用到了各种命令来安装插件，在此记录

1.安装路由

npm install vue-router

安装最新版本的

npm install vue-router@next --save

在 main.js中添加如下内容：

import router from './router'

createApp(App).use(router).mount('#app')

在router/index.js中配置路由：

import { createRouter, createWebHistory } from 'vue-router'
import Home from "../views/Home";

const routes = [
    {
        path: '',
        redirect: '/home'
    },
    {
        path: '/home',
        name: 'Home',
        component: Home,
    }
]
const router = createRouter({
    history: createWebHistory(),
    routes
})


export default router

这样下来路由地址是这样的：很完美！！！

http://localhost:8080/home

若把路由里的createWebHistory换成createHashWebHistory ，路由是这样子的：

http://localhost:8080/#/home

2. 安装less

首先安装这俩

npm i less-loader less --save-dev

注：后续可能会出错，因为会出现less-loader版本高而报错

所以可以分开安装即

npm i less --save-dev

npm install -D less-loader@7.x

使用less

在 main.js中添加如下内容：

import less from 'less'

createApp(App).use(router).use(less).mount('#app')

然后在自己的vue项目中想要用到less 的地方使用 lang="less"即可使用
例如:

<style lang="less" scoped>
  .wall {
    height: 900px;
    background: aquamarine;
      .header{
        height:400px;
        background:black;
      }
  }
</style>

标签：npm,插件,vue,less,cli3.0,home,router,路由
来源： https://blog.csdn.net/m0_51969330/article/details/119179768