npm,yarn 安装各种环境笔记

npm init 初始化项目生成package.json文件记录项目的详细信息，与这个项目用到的包

npm i xxx 即 npm install xxx  简写 本地安装环境

npm install xxx -S    即    npm install xxx –save    写入dependencies

npm install xxx -D    即    npm install xxx –save-dev 写入devDependencies

npm install xxx -g 全局安装(命令行使用)

npm un xxx    即    npm uninstall xxx // 删除

npm i npm@latest -D 升级npm版本

npm config set prefix “D:\software\nodejs\node_global”  设置npm安装默认路径

npm config set cache “D:\software\nodejs\node_cache”  设置npm安装默认路径

devDependencies 用于开发环境

dependencies 用于生产环境的

你开发一个前端项目，在项目中你需要使用gulp构建你的开发和本地运行环境,这时你就要放到devDependencies里。gulp是你用来压缩代码，打包等需要的工具，程序实际运行的时候并不需要，所以放到dev里就ok了。

你写程序要用element-ui,生产环境运行项目时肯定要用到element-ui,这时element-ui就应该安装到dependencies中去。

Vue：

npx create-vite@latest my-vue3-app --template vue 安装vue3脚手架并且工程化工具为vite

npm i vue@next 安装Vue最新版

npm i -g @vue/cli 全局安装脚手架最新版

npm i vue-loader webpack打包编译vue

npm i vue-router@next  安装路由

npm i axios vue-axios -S 安装Vue封装的AJAX请求与轻度封装axios插件

npm i vuex@next 安装vue状态管理工具

npm i vue3-lazyload -D 安装以vue3.0为环境的懒加载

vue create xxx 创建vue脚手架项目 选项默认3,1,1

webpack：

npm i webpack -D 安装webpack 打包工具

npm i webpack-cli -D 安装webpack脚手架

 css：

npm i sass-loader@8.x node-sass@4.14.1 -D 引入 sass 使css结构鲜明的工具注意版本问题

 node：

npm i mysql -S 连接 mysql 的环境

npm i cors -S 跨域连接的环境

npm i express -S 用于创建服务器编写sql与前端交互

npm i request -S 用于请求第三方外部接口

npm i express-session -S 用于express框架的服务器缓存操作

npm i cookie-parser -S 用于cookie存储

npm i nodemon -g 全局安装修改代码不用重新运行,自动更新

cmd 中输入 nodemon xxx.js

npm i body-parser -S post方式获取前端传参需要装这个

npm i uuid -S 用于生成id

npm i jsonwebtoken -S 用于登录的token验证

常用：

npm i -g npm-check-updates // 用于更新版本

npm-check-updates：

ncu 查看有哪些版本需要更新

ncu -u 升级版本，注意此时版本只是在package.json中更新版本，需要npm i 重新安装最新版本