npm命令使用npm功能：允许用户从npm服务器下载别人编写的第三方包供本地使用。允许用户从NPM服务器上下载安装他人编写的命令行程序供本地使用。允许用户将自己的包或命令行程序上传到NPM服务器供他人使用。NPM下载NPM随附于Node.V10，不需要额外下载。LTS版本：LongTermSupport（长期支持版）官网：https://nodejs.org安装npm组件：https://www.npmjs.com注意：由于一些众所周知的原因，需要更换用国内的镜像当然可以先查看当前镜像：npmconfiggetregistry.org改镜像地址，当然也可以用这个方法改回原来的地址。安装cnpm：npminstall-gcnpm--registry=https://registry.npm.taobao.org安装完成后，可以使用cnpm替换所有npm命令。npm-v用于检测npm是否安装成功。packages和modules的区别：只要能通过require('')引入module，就必须通过package.json来描述modulepackagenpm插件的版本控制语义版本控制：简单来说，所有的版本都有三个数字。第一个数字是主要版本。进行不兼容的API更改时，请升级主板。第二个数字是次要版本，在进行不兼容的API更改时升级主板。第三个数字为补丁版本，修复向下兼容缺陷后，升级补丁版本:npminstall-g全局安装，放在固定位置。通常所有的包都应该安装在本地，你可以肯定在你的计算机上有几十个应用程序，如果需要的话每个都运行不同的版本。更新全局安装包时，所有项目都使用新版本，这可能会造成维护噩梦，可能会破坏原有的依赖和兼容性等。安装命令详细示例：npminstallgulp@3.9.1--save-dev功能：使用npm安装gulp3.9.1版本--save表示安装到当前文件夹，npm5以后的版本可以省略，并且可以整体简写为-S-dev将安装的信息保存在package.json中，简写为：-D--save-dev会将其视为开发依赖，将其添加到gulp@3.9的devDependencies列表中。1表示下载3.9.1gulpnpminstallgulp@3.9.1的简??版--sava-dev:npmigulp@3.9.1-S-Duninstall命令npmuninstall卸载node.js指定包npmuninstall-g安装全局模块后-g，卸载全局模块。如果安装时使用-S（即--save），卸载时必须加上-S。删除package.json中的引用。同理，使用-D(--save-dev)，卸载时必须加-D其他命令命令（常用命令）功能npmlist列出当前工作空间安装的模块npmlist-g查看全局安装的所有模块，只找到主模块npmlist-g--depth=0npmroot-g查看全局模块的安装路径如果使用nvm管理工具，位置可能不一样npminit创建json文件，初始化本地开发环境npmupdate升级当前目录下项目的所有模块npmsearch根据关键字，在网上搜索模块npmview在网上查看插件的详细信息npmviewversion查看软件的最新版本npmviewversions查看插件的所有版本npmpublish发布模块npm插件安装PostCSSnpminstallpostcss-cli-gPostCSS是一个运行环境，用于更改使用JavaScript的CSS环境官方解释：一个用于tra的工具nsformingCSSwithJavaScriptpostcss-spritescnpmipostcss-sprites自动将多张图片合成一张图片（Sprite|sprites）constsprites=require('postcss-sprites');module.exports={plugins:[cssnext,stylelint({"rules":{"color-no-invalid-hex"true;}}),sprites({spritePath:'./dist'})]}postcss-cssnextcnpmipostcss-cssnext降级css，支持更早的浏览器版本constcssnext=require('postcss-cssnext');module.exports={plugins:[cssnext]}postcss-importcnpmipostcss-import合并多个css文件constpostcss=require('postcss-import');module.exports={plugins:[postcss]}autoprefixercnpmiautoprefixer自动添加浏览器前缀以实现浏览器兼容性//在配置文件中引入constautoprefixer=require('autoprefixer');module.exports={plugins:[autoprefixer({browsers:['>0%']//兼容所有浏览器})]}stylelint命令行安装cnpmistylelintforCSStexterrorcorrectionconstcssnext=require('postcss-cssnext');module.出口s={plugins:[cssnext,stylelint({"rules":{"color-no-invalid-hex"true;}})]}Animate.cssnpminstallanimate.css--saveanimate.css是一些集成CSS动画cssnanocnpmicssnano压缩cssconstpostcss=require('postcss-import');module.exports={plugins:[cssnano]}NVM命令的使用什么是NVMnvm是windowsnvm和linux和MacOS上的nvm工具不是一个项目，它们是两个团队。nvm(Linux,Unix,OSX)安装https://github.com/creationix...nvm(Windows)安装：https://github.com/coreybutle...常用命令nvminstallnode&nvminstalllatest(安装最新版本的node)nvmlist&nvmls当前npm版本nvmusetaobao切换到淘宝镜像cnpminstall-gnvminstallnvmcommandnvm-v当前版本的nvm工具nvmuse8.4.0use8.4.0versionnodenvmuninstall版本号卸载此版本的node.jsNPX工具npx是一款可以自动查找当前文件夹（node_modules）文件夹，可执行插件被正确引用并执行的工具。而如果当前文件夹下没有下载可执行插件，则会在网络中搜索，下载运行，运行成功后删除。使用此功能，可以避免安装全局模块。命令的使用与原插件的执行方式类似，但安装时不需要npm：npxcowsayhelloworld可以结合特定版本的node，npxnode@10-v#10.18.1npxuglify-js@3.1.0//和npm一样，可以用@指定可以添加的版本--no-install强制使用本地模块--ignore-existing忽略本地已有的模块npx--no-installhttp-server//强制使用本地模块npx--ignore-existingcreate-react-appmy-react-app//忽略本地已有的模块，然后生成reactapp-p指定模块到beinstallednpx-pnode@0.12.8node-vnpx-plolcatjs-pcowsay"hello"//可以通过-p指定多个不同的命令-c可以解释所有带npx的命令，npx-plolcatjs-pcowsay'牛打招呼|lolcatjs'//报错//默认情况下，只有第一个可执行项会使用npx安装的模块，后面的可执行项仍然会交给Shell进行解释。npx-plolcatjs-pcowsay-c'cowsay你好|lolcatjs'//加上-c后，所有的命令都会解释给npx，并且会把环境变量带入到正常运行时要执行的命令中npmrunenv|grepnpm_//你可以使用这个命令查看当前项目提供的一些环境变量。npx-c'echo"$npm_package_name"'//这段代码会输出当前项目的项目名来执行远程代码npx可以指定直接执行git上面的代码，前提是远程代码必须是模块，必须包含package.json和入口脚本。使用npx使用live-server使用npxhttp-server
