环境安装
nvm、nodejs、npm 的安装。
- nodejs
nodejs 是 JavaScript 的一种运行环境。在使用 vue-cli 的使用需要使用到 nodejs。
- npm
npm 是 node.js 的包管理器。JavaScript运行时 node.js 的默认程序包管理器。
- webpack
webpack是一个现代的JavaScript应用的静态模块打包工具。它将根据模块的依赖关系进行 静态分析,然后将这些模块按照指定的规则生成对应的静态资源,依赖Node.js运行,使用场景是把开发的源码打包发布。
- Vue
vue.js官方的脚手架项目使用了webpack对相关资源进行了打包优化。
nodejs
node.js 是基于 chrome v8 引擎的 js 运行环境。
事件驱动、非阻塞式 I/O 模型。 和 Redis 很像
因为 nodejs 的特性,就意味着 nodejs 主要用于 I/O 密集,少量业务逻辑和计算消耗的场景。
nvm
nvm 是一个 nodejs 的版本管理工具
查看可用版本
nvm list available
查看已安装版本
nvm list
nvm ls
切换 node 版本
nvm use 8.0.0
npm
npm 是 nodejs 的默认程序包管理器
npm 由两个主要部分组成
- 用于发布和下载程序的 CLI(命令行接口)
- 托管 js 程序包的在线存储库(npmjs.com)
发布 js 软件包
npm publish
package.json
将 package.json 视为快递盒子上的信息
package.json 在 npm init
的时候生成。
npm scripts
package.json 的 script 字段
{
"scripts": {
//运行 TypeScript 编译器,将 TypeScript 代码编译成 js 代码
"build": "tsc",
// 使用 prettier 将 .ts 文件格式化
"format": "prettier --write **/*.ts",
// 检查 ts 文件代码风格
"format-check": "prettier --check **/*.ts",
// 使用 ESLint 工具检查 ts 文件
"lint": "eslint src/**/*.ts",
// 使用 ncc 工具将 ts 项目打包
"pack": "ncc build",
// 运行 Jest 套件
"test": "jest",
// 执行上面所以的脚本
"all": "npm run build && npm run format && npm run lint && npm run pack && npm test"
}
}
version control
^
表示最新的次版本。^1.0.3
可能会安装1.3.0
~
表示最新的补丁程序版本,~1.0.4
会安装1.0.7
最终使用到的版本会记录在 package-lock.json
中