npm CLI命令整理

时间:2024-04-04 13:36:29

CLI命令 & npm

罗列内容之前先来一段科普,介绍一下什么是CLI命令。
命令行界面(英语:command-line interface,缩写:CLI)是在图形用户界面得到普及之前使用最为广泛的用户界面,它通常不支持鼠标,用户通过键盘输入指令,计算机接收到指令后,予以执行。也有人称之为字符用户界面(CUI)。这样一来CLI命令就是在命令行界面执行的命令,我的认识里,最常见的程序是微软的cmd.exe。
npm CLI命令整理
npm(node package manager)nodejs的包管理工具,用于node插件管理(包括安装、卸载、管理依赖等)npm是随同NodeJS一起安装的包管理工具。
当一个网站依赖的代码越来越多,你就会发现一个很麻烦的事情:
去 jQuery 官网下载 jQuery
去 BootStrap 官网下载 BootStrap
……
于是就有“懒人”给出了解决方案::用一个工具把这些代码集中到一起来管理,
这个工具就是 Isaac Z. Schlueter 用 JavaScript (运行在 Node.js 上)写的 npm,全称就是 Node Package Manager。
npm CLI命令整理
Isaac Z. Schlueter (比我帅有木有?)。

npm

  1. npm init [你会得到一个叫package.json的文件]
  2. npm install [安装程序包及其依赖的所有程序包]
  3. npm start [在 package.json 文件中定义的 “scripts” 对象中查找 “start” 属性, 如果此属性定义了任何命令就执行TA。 如果 “scripts” 对象中没有定义 “start” 属性, 默认执行 node server.js 命令。]
  4. npm stop [如果 package.json 文件中定义了 “stop” 脚本, 则执行TA]
  5. npm restart [重新启动程序包]
  6. npm uninstall [卸载一个软件包,完全删除代表它安装的所有内容 ※慎重使用删除 ]

bable 安装

Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码。Babel的配置文件是.babelrc,存放在项目的根目录下,使用Babel的第一步,就是配置这个文件。

  1. npm install –g babel-cli [安装babel-cli]
  2. npm install -g cnpm --registry=https://registry.npm.taobao.org [国内淘宝镜像]
  3. npm install --save-dev babel-preset-es2015 [ES2015转码规则]
  4. type nul>.babelrc [新建.babelrc配置文件]
    .babelrc内容:{ "presets": ["es2015"] }
    通过CLI命令实现:babel script.js --presets es2015
    通过Node API实现:require("babel-core").transform("code", { presets: ["es2015"] });

Express 应用程序生成器

  1. npm init [初始化项目]
  2. npm install express-generator -g [安装应用生成器工具 express-generator]
  3. express -h [列出所有可用的命令行参数并且指示express-generator安装成功与否]
  4. express --view=pug myapp [创建了一个名称为 myapp 的 Express 应用]
    Express 应用程序生成器

webpack 的使用

  1. npm init [初始化项目]
  2. npm install -g webpack [全局安装]
  3. npm install --save-dev webpack [安装到项目目录下]
  4. npm install webpack-cli --save-dev
  5. npm install --save-dev webpack-dev-server [构建本地服务器]

创建Vue项目

  1. npm install vue-cli -g
  2. npm install webpack -g
  3. vue init webpack myapp[项目名称]
  4. cd myapp
  5. npm install [安装依赖]
  6. npm run dev

npm cache clear

npm缓存清除。

npm中文文档