node中npm的使用
nodejs 软件
注:终端按两次Ctrl C 退出node
node -v 查看node版本
npm -v 看npm版本
1.安装nodejs 自带了包管理器npm (node package manager)
npm install Bootstrap
好比 Python 自带pip pip install requests
2.在终端进入当前项目目录,然后初始化目录,会生成一个package.json的文件来管理我们的包()模块(js)
npm init 简写为 npm i
npm i --yes 直接生成package.json
{ "name": "day50", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo "Error: no test specified" && exit 1" }, "keywords": [], "author": "", "license": "ISC", "dependencies": { "bootstrap": "^3.3.7", "jquery": "^3.3.1" } }
3.下载当前项目依赖的包
npm install jquery@3.4.0 --save 或 npm install jquery@3.4.0 -S
自动生成 node_modules文件夹
注:从github上下载项目后,在终端cd到该项目目录,执行npm install 自动下载package.json中依赖的所有的包
卸载 npm uninstall jquery@3.4.0 --save 或 npm uninstall jquery@3.4.0 -S
{ "name": "happyfri", "version": "1.0.2", "description": "vue2-happyfri", "author": "cangdu <1264889788@qq.com>", "private": true, "scripts": { "dev": "node build/dev-server.js", "build": "node build/build.js" }, "dependencies": { "vue": "^2.1.0", "vue-router": "^2.1.1", "vuex": "^2.0.0" }, "devDependencies": { "autoprefixer": "^6.4.0", "autoprefixer-loader": "^3.2.0", "babel-core": "^6.0.0", "babel-loader": "^6.0.0", "babel-plugin-transform-runtime": "^6.0.0", "babel-preset-es2015": "^6.0.0", "babel-preset-stage-2": "^6.0.0", "babel-register": "^6.0.0", "babel-runtime": "^6.23.0", "chalk": "^1.1.3", "connect-history-api-fallback": "^1.1.0", "css-loader": "^0.25.0", "eventsource-polyfill": "^0.9.6", "express": "^4.15.3", "extract-text-webpack-plugin": "^1.0.1", "file-loader": "^0.9.0", "function-bind": "^1.0.2", "html-webpack-plugin": "^2.8.1", "http-proxy-middleware": "^0.17.2", "json-loader": "^0.5.4", "less": "^2.7.1", "less-loader": "^2.2.3", "opn": "^4.0.2", "ora": "^0.3.0", "semver": "^5.3.0", "shelljs": "^0.7.4", "style-loader": "^0.13.1", "url-loader": "^0.5.7", "vue-loader": "^10.0.0", "vue-style-loader": "^1.0.0", "vue-template-compiler": "^2.1.0", "webpack": "^1.13.2", "webpack-dev-middleware": "^1.8.3", "webpack-dev-server": "^1.16.2", "webpack-hot-middleware": "^2.12.2", "webpack-merge": "^0.14.1" }, "engines": { "node": ">= 4.0.0", "npm": ">= 3.0.0" } }
下载的包 是当前项目的依赖包 如当前项目依赖 jquery + bootstrap npm i jquery --save npm i bootstrap --save 当前项目的依赖包 dependencies:{
"bootstrap": "^3.3.7",
"jquery": "^3.3.1"
} 压缩、丑陋化 前端三大工具: grant gulp webpack4.0 npm run dev npm i webpack@4.0 --save-dev 开发环境下的依赖包 devDependencies:{
"webpack": "^1.13.2",
"webpack-dev-middleware": "^1.8.3",
"webpack-dev-server": "^1.16.2",
"webpack-hot-middleware": "^2.12.2",
"webpack-merge": "^0.14.1"
}