node版本管理器nvm的使用

原因

因为项目跑的特别慢，参考element-plus官网使用按需导入下载了插件npm install -D unplugin-vue-components unplugin-auto-import但是跑项目的时候报错了

// webpack.config.js
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')

module.exports = {
  // ...
  plugins: [
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
}

报错一 plugins“ is not allowed

vue.config.js 不等于 webpack 配置，需要在在 plugins 外包裹一层 configureWebpack

 configureWebpack: {  
        plugins: [  
        new ModuleFederationPlugin({  
            name: "app2",  
            remotes: {  
            app1: "app1@http://localhost:8080/remoteEntry.js",  
            }  
        })  
        ]  
    }  

报错二 # Cannot find module ‘unplugin-auto-import/webpack‘

更新node版本，电脑装的node版本原来是12的，更新node版本 16

nuv的使用和下载

nvm是一个node的版本管理工具，可以简单操作node版本的切换、安装、查看。。。等等

下载

github.com/coreybutler…

检测nvm 修改配置文件C:\Users\user\AppData\Roaming\nvm settings.txt

使用

一些简单的命令

nvm ls
nvm list available
nvm install 版本号 // 例如：nvm install 12.13.1
nvm use 版本号           // 切换到使用指定的nodejs版本
node -v //use以后可以查看

卸载

node配置环境变量