windows10下node.js安装和优化

说明

Node.js 就是运行在服务端的 JavaScript。是一个基于Chrome JavaScript 运行时建立的一个平台。
由于它的出现，促进前端发展，js打通前后端平台，一个node.js可以实现全站开发。

步骤

• 下载

  • 官网下载最新版本,建议选择长期服务版，window可选择zip或msi，个人喜欢zip方式。
    

• 安装，解压到安装目录我的目录是:D:\install\node-v12.19.0-win-x64
  

• 配置环境变量

  • 方式一：win+r，输入cmd 回车，打开控制台执行命令

    setx Path "%PATH%;D:\install\node-v12.19.0-win-x64";
    

  • 方式二：我的电脑–> 右键–> 属性–> 高级系统设置 --> 高级 --> 环境变量–> 系统变量 --> path增加新项，保存所有窗口即可。
    

• 查看确认，重新打开一个cmd窗口，执行node -v，出现下面内容安装成功
  

优化

修改缓存目录

• 默认组件下载存储在c盘用户目录下，建议修改为安装目录。
• 设置缓存目录

npm config set prefix "D:\install\node-v14.15.1-win-x64\node_global" 
npm config set cache "D:\install\node-v14.15.1-win-x64\node_cache"

• 查看配置结果npm list -global
• 添加 node_global到环境变量，不然无法直接使用vue等组件命令

增加环境变量

• 添加全局包到环境变量，使安装的vue、typescrit等命令控制台可用，环境变量path增加：D:\install\node-v14.15.1-win-x64\node_global

切换淘宝镜像

• 切换淘宝镜像

npm config set registry http://registry.npm.taobao.org

• 切换原镜像

npm config set registry http://registry.npmjs.org/

安装 webpack

• 本地安装

npm install webpack 

• 全局安装 推荐

npm install -g webpack 

安装vue和vue-cli

• 全局安装，建议全局

npm install -g vue
npm install -g vue-cli

命令

• 安装 npm install 组件，全局-g
• 卸载npm uninstall 组件名，全局-g
• 创建项目：vue init webpack 项目名
• 安装依赖：npm install
• 启动项目 npm run dev
• 打包：npm run build