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
淘宝镜像下载包。
参考文章
END
- 如果文章内容能误导大家那真是再好不过了,嘻嘻嘻。
- 文章内容可能持续变更,修改或添加更多内容,以确保内容的准确性。
- 文章中大部分观点来自引文的总结,写文章的初衷是为了方便回忆。