npm依赖包操作及 JSX 配置环境

305 阅读1分钟

参考

npm

创建npm模块

在目标文件夹下用 npm init 创建 package.json 文件

安装

npm一键安装package.json里的所有依赖文件 npm install

只安装package.json里的dependencies(运行依赖)文件 npm install --dependencies

只安装package.json里的devDependencies(开发依赖)文件 npm install --devDependencies

安装但不写入package.json;
npm install xxx

安装并写入package.json的"dependencies"中
npm install xxx –S

安装并写入package.json的"devDependencies"中
npm install xxx –D

全局安装
npm install xxx -g

安装指定版本 npm install xxx@1.2.0

更新

先检查更新
npm outdated

执行以上命令,可以看到所有可以更新的模块。

我们需要先更新 package.json文件:
安装"npm-check-updates"模块
npm install -g npm-check-updates

检查可更新的模块
ncu
npm-check-updates

以上两条命令都可检查可更新模块。接下来更新package.json的依赖包到最新版本:
ncu -u

以上命令执行,更新全部模块。但在实际开发中不建议一次全部更新,可以根据实际需要,更新指定的模块,并且可以根据作用范围在后面加上 -D、-S 或 -g
npm update xxx

注意:指定更新需要提前修改 package.json 中的版本号。

为了保险起见,package.json 更新后,可删除整个node_modules目录并重新初始化项目。

删除

删除指定模块;
npm uninstall xxx

删除全局模块

npm uninstall -g xxx

查看

查看全局安装的包
npm list -g --depth 0

JSX 配置环境

执行 npm init -y

执行 npm install babel-cli@6 babel-preset-react-app@3

运行 JSX 预处理器 npx babel --watch 寻找路径 --out-dir 输出路径 --presets react-app/prod npx babel --watch dzpms/src/jsx --out-dir dzpms/build/js --presets react-app/prod

react

babel