目录
CLI命令 & npm
罗列内容之前先来一段科普,介绍一下什么是CLI命令。
命令行界面(英语:command-line interface,缩写:CLI)是在图形用户界面得到普及之前使用最为广泛的用户界面,它通常不支持鼠标,用户通过键盘输入指令,计算机接收到指令后,予以执行。也有人称之为字符用户界面(CUI)。这样一来CLI命令就是在命令行界面执行的命令,我的认识里,最常见的程序是微软的cmd.exe。
npm(node package manager)nodejs的包管理工具,用于node插件管理(包括安装、卸载、管理依赖等)npm是随同NodeJS一起安装的包管理工具。
当一个网站依赖的代码越来越多,你就会发现一个很麻烦的事情:
去 jQuery 官网下载 jQuery
去 BootStrap 官网下载 BootStrap
……
于是就有“懒人”给出了解决方案::用一个工具把这些代码集中到一起来管理,
这个工具就是 Isaac Z. Schlueter 用 JavaScript (运行在 Node.js 上)写的 npm,全称就是 Node Package Manager。
Isaac Z. Schlueter (比我帅有木有?)。
npm
- npm init [你会得到一个叫package.json的文件]
- npm install [安装程序包及其依赖的所有程序包]
- npm start [在 package.json 文件中定义的 “scripts” 对象中查找 “start” 属性, 如果此属性定义了任何命令就执行TA。 如果 “scripts” 对象中没有定义 “start” 属性, 默认执行 node server.js 命令。]
- npm stop [如果 package.json 文件中定义了 “stop” 脚本, 则执行TA]
- npm restart [重新启动程序包]
- npm uninstall [卸载一个软件包,完全删除代表它安装的所有内容 ※慎重使用删除 ]
bable 安装
Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码。Babel的配置文件是.babelrc,存放在项目的根目录下,使用Babel的第一步,就是配置这个文件。
- npm install –g babel-cli [安装babel-cli]
- npm install -g cnpm --registry=https://registry.npm.taobao.org [国内淘宝镜像]
- npm install --save-dev babel-preset-es2015 [ES2015转码规则]
- type nul>.babelrc [新建.babelrc配置文件]
.babelrc内容:{ "presets": ["es2015"] }
通过CLI命令实现:babel script.js --presets es2015
通过Node API实现:require("babel-core").transform("code", { presets: ["es2015"] });
Express 应用程序生成器
- npm init [初始化项目]
- npm install express-generator -g [安装应用生成器工具 express-generator]
- express -h [列出所有可用的命令行参数并且指示express-generator安装成功与否]
- express --view=pug myapp [创建了一个名称为 myapp 的 Express 应用]
Express 应用程序生成器
webpack 的使用
- npm init [初始化项目]
- npm install -g webpack [全局安装]
- npm install --save-dev webpack [安装到项目目录下]
- npm install webpack-cli --save-dev
- npm install --save-dev webpack-dev-server [构建本地服务器]
创建Vue项目
- npm install vue-cli -g
- npm install webpack -g
- vue init webpack myapp[项目名称]
- cd myapp
- npm install [安装依赖]
- npm run dev
npm cache clear
npm缓存清除。