Node.js

安装: Node.js 官网
cmd 命令

• 查看 node 版本号

node -v

npm 包管理工具
npm 是 JavaScript 的包管理工具，并且是 Node.js 平台的默认包管理工具。所以下载完 node 会将 npm 一并安装。
-下载 npm 至最新的稳定版本

npm install npm@latest -g

注：加上 -g 参数后就会将该包安装到全局。
常用指令

• 安装第三方包

//-g 安装到全局，-D 安装开发版
npm instanll 包名 -g -D
//@包名 ： 安装固定版本
npm install 包名@版本号
例如：
npm install bootstrap@3.3.7

• 卸载包

npm uninstall 包名

• 更新包

npm update 包名

• 查看已安装的包

npm list

• 初始化自定义项目

npm init

• 默认初始化

npm init -y or --yes

注：非默认初始化需要填写配置信息，填写内容如下：

"name": "demo",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"

注：自定义初始化之后，查看安装的包时就会显示自定义的名称和版本。
安装 cnpm
由于npm安装插件是从国外服务器下载，国内受网速影响。安装淘宝镜像10分钟同步官方版本，安装就是普通包的安装，使用就把npm换成cnpm就好了。

//安装 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
//原 npm 使用
npm install 包名
//安装 cnpm 后使用
cnpm install 包名

注：很容易理解
webpack 打包工具

• 用处：打包后端JS代码成浏览器识别的JS文件。
• 安装

npm install webpack webpack-cli -g -D

注：这里webpack 和webpack-cli 一并安装。
成功后检查版本，若出现版本号说明安装成功。

• 使用：cd 到 项目 目录下 使用webpack ./src/b.js

Vue-Cli

• 用处：Vue官方提供的快捷搭建Vue单文件项目的脚手架工具。
• 安装：Vue-Cli 官网
• Vue-Cli使用：同样的cd到要创建的项目目录下，输入如下

vue create 项目名

注：当前版本为3.0以上，2.0可能创建方法不同。

提醒

用原 npm 安装各个包时可能会出现类似Maximum call stack size exceeded等错误，国内的小伙伴建议试用 cnpm 淘宝镜像下载包。

---

参考文章

• Node.js webpack Vue-CLI --安装
  

END

• 如果文章内容能误导大家那真是再好不过了，嘻嘻嘻。
• 文章内容可能持续变更，修改或添加更多内容，以确保内容的准确性。
• 文章中大部分观点来自引文的总结，写文章的初衷是为了方便回忆。