本文共 2240 字，大约阅读时间需要 7 分钟。

测试node.js是否安装成功 node -v

查看node安装目录 npm root -g 查看npm配置信息 npm config list 安装npm： npm install 安装nrm :npm install -g nrm 全局安装 webpack : npm install webpack -g npm install cnpm -g --registry=https://registry.npm.taobao.org 查看安装的 webpack的版本 ： webpack -v

查看当前所用的镜像地址 ： nrm ls

更换不同的下载镜像地址 ： nrm use + 地址

查看node的安装目录 ： npm root -g

使用npm安装模块分为本地安装和全局安装。

本地安装：npm install express 会安装到当前项目

全局安装：npm install express -g 会安装到指定的目录(node_global)

1.VsCode 无法运行脚本，例如 webpack等

解决办法： 1. 以管理员身份运行vscode; 2. 执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的; 3. 执行：set-ExecutionPolicy RemoteSigned; 4. 这时再执行get-ExecutionPolicy，就显示RemoteSigned

vscode 不能识别 npm init -y 命令 原因 : 在项目文件夹中不允许出现 大写字母 ，空格 ，中文 ，和 package.json

npm i module_name -S = > npm install module_name --save 写入到 dependencies 对象

npm i module_name -D => npm install module_name --save-dev 写入到 devDependencies 对象

npm i module_name -g 全局安装

i 是install 的简写

-S就是–save的简写

-D就是–save-dev 这样安装的包的名称及版本号就会存在package.json的devDependencies这个里面，而–save会将包的名称及版本号放在dependencies里面。

我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，比如：

–save-dev

–save

webpack-dev-server是webpack官方提供的一个小型Express服务器。使用它可以为webpack打包生成的资源文件提供web服务。

在 package.json 文件里面提现出来的区别就是，使用 --save-dev 安装的 插件，被写入到 devDependencies 对象里面去，而使用 --save 安装的插件，责被写入到 dependencies 对象里面去。

那 package.json 文件里面的 devDependencies 和 dependencies 对象有什么区别呢？

devDependencies 里面的插件只用于开发环境，不用于生产环境，而 dependencies 是需要发布到生产环境的。

想在 vscode中使用 webpack 必须安装 webpack-cli

异常 未解决 运行 webpack时

ERROR in main Module not found: Error: Can’t resolve ‘src\main.js’ in ‘C:\Users\任亚星\Desktop\webpack’

解决办法 ：查看当前配置路径 ./ 这种写法在5.10.1 中存在问题 需要 以 ‘\’ 开头

webpack安装步骤

/ 1. 全局安装webpack（使用webpack -h验证全局安装是否成功） npm install webpack -g // 2.安装webpack到本地项目中。(生成node_modules文件夹) npm install webpack --save-dev // 3.配置项目信息写入到npm中（生成package.json文件） npm init // 全局安装开发服务器 npm install webpack-dev-server -g 1.先安装webpack

2.建立模板 npm init -y

3.导入依赖项 例如 jquery

4.npm i webpack webpack-cli -D

本地安装可分为开发依赖和运行依赖 ：

5.进行打包 webpack 打包命令

异常 npm 本地安装 报错：

解决办法 ：先安装全局的 webpack 再安装本地的 webpack

异常 npm run dev （webpack-dev-server）报错 ，版本不兼容

解决办法 在本vue项目下输入: npm uninstall webpack -g npm uninstall -g webpack-dev-server 卸载完成后重新安装: npm install webpack@3.8.0 --save-dev npm install webpack-dev-server@2.9.7 --save-dev