前端常用命令总结
nvm
1. 如何安装nvm?
2 .nvm常用指令
nvm ls 查看安装的一些node
nvm list 查看安装的一些node
nvm install 14.18.1 (no de版本号) nvm use 12.11.1 (切换node版本号) nvm uninstall 12.11.1。 （卸载node执行版本）
3. m1安装node版本失败？
先执行 arch -x86_64 zsh
再安装node
Vite
npm init vite@latest nuxt-ssr --template vue-ts 初始化项目
Nestjs
1. 全局安装nestjs
npm i -g @nestjs/cli
2. 创建nest项目
nest new nestjs-demo
3. 创建nest模块boy
nest g module boy
4. 在创建的模块中创建controller导航代码
nest g controller boy --no-spec
5. 在创建的模块中创建service服务逻辑代码 --不生成测试文件
nest g service boy --no-spec
6. 安装typeyORM用作数据库
npm install --save @nestjs/typeorm typeorm mysql2
7. nestjs热重载
npm i --save-dev webpack-node-externals run-script-webpack-plugin webpack
.增加配置文件 安装完成后，我们需要在项目根目录下增加一个webpack-hmr.config.js的配置文件。有了文件后，再把下面的代码复制到文件里。
const nodeExternals = require('webpack-node-externals');
const { RunScriptWebpackPlugin } = require('run-script-webpack-plugin');
module.exports = function (options, webpack) {
return {
...options,
entry: ['webpack/hot/poll?100', options.entry],
externals: [
nodeExternals({
allowlist: ['webpack/hot/poll?100'],
}),
],
plugins: [
...options.plugins,
new webpack.HotModuleReplacementPlugin(),
new webpack.WatchIgnorePlugin({
paths: [/.js$/, /.d.ts$/],
}),
new RunScriptWebpackPlugin({ name: options.output.filename, autoRestart: false }),
],
};
};
3.修改对应代码 有了配置文件后，还需要手段增加一段新代码，让项目支持热加载，这段代码是增加到/src/main.ts文件下面的。
if (module.hot) {
module.hot.accept();
module.hot.dispose(() => app.close());
}
增加后，文件会报hot不存在的错误，所以我们需要安装一个新的依赖包,使用npm进行安装。
$ npm i -D @types/webpack-env
安装完成，再回来看main.ts文件，发现错误已经消失了。 4.替换启动脚本 上面的配置完成后，我们需要替换package.json中的start:dev脚本。
"start:dev": "nest build --webpack --webpackPath webpack-hmr.config.js --watch",
这样配置完成后，我们就可以使用热加载功能了。
8. 生成局部中间件
nest g mi counter
9. 第三方中间件实现跨域
npm install cors
npm install @types/cors -D
