VueMastery
![VueMastery](https://sponsors.vuejs.org/images/vuemastery.avif)
除了更改一下安装位置, 其他的直接点击下一步即可
正常情况会输出工具对应的版本号, 如果没有输出, 需要注意检查一下是否添加环境变量
$ node --version
$ node -v
$ npm --version
$ npm -v
$ npx --version
$ npx -v
信息:
了解一下 ES6
导入和 CommongJS
导入区别:参考教程
$ npm view 包名 versions
$ npm view bootstrap versions
$ npm install 包名
$ npm install 包名@版本号
$ npm uninstall 包名
package.json
的版本记录一键安装 说明:
进入项目的根目录, 即
package.json
所在的目录为根目录, 然后执行下面的命令即可一键安装项目依赖
$ npm i
npx
调用在线工具 $ npx create-react-app react项目名称
$ npx create-vue vue项目名称
$ npm config get registry
$ npm config set registry=https://registry.npm.taobao.org/
$ npm config get registry
说明:
官方解释:nrm 是官方开发的
npm registry
管理工具, 可以轻松地查看和切换当前使用的仓库源.
$ npm i -g nrm
$ nrm ls # 查看所有的支持源(有*号的表示当前所使用的源,以下[name]表示源的名称)
$ nrm use [name] # 将npm下载源切换成指定的源
$ nrm help # 查看nrm帮助
$ nrm home [name] # 跳转到指定源的官网
$ nrm add [name url] # 添加自定义源(name是自定义源的名字,ulr是自定义源的url)
$ nrm del [name] # 删除源
$ nrm test [name] # 自动测试所有镜像源速度
注意:
通过
nrm use [name]
切换镜像之后,再nrm ls
查看镜像列表时,如果 * 号 (代表我们当前使用的镜像源) 消失, 那么按照下面的操作即可恢复正常
提示:
例 nodejs/node_global/node_modules/nrm 在该目录下找到 cli.js,打开 cli.js 文件,找到函数 onList(文件 132 行)
前面这种通过修改源代码的方式已经失效了,可以通过帮助命令来查看怎么使用, 可以通过
nrm current
来查看自己正在使用的镜像源是哪个
另外, 我已经亲测, 通过
cmd
或者bash
终端运行nrm ls
能够正常显示*
(即*
标记的就是我们正在使用的npm镜像源
).记录于 2024/1/27
说明:
不编译生成
.js
文件, 看起来像直接运行.ts
文件一样, 但每次在写完代码之后都需要手动去执行一次命令
$ npm i -g ts-node # 全局安装 nrm 工具
$ ts-node 文件名.ts
$ ts-node index.ts
说明:
能够“自动编译”TS 代码, 根据 TS、JS 文件代码的变更实时热更新(重启服务), 方便在终端查看效果, 算是
ts-node
的升级版, 但是它依赖于ts-node
, 也就是说, 需要提前安装ts-node
.
$ npm install -g nodemon
说明:
直接运行
nodemon
不接参数的话, 默认运行的是index.js
文件, 如果想指定运行的文件, 可以在命令后面加上参数, 例如nodemon index.ts
. 更多使用方法可以使用帮助命令nodemon --help
来查看.
$ nodemon # 默认运行 index.js 文件
$ nodemon index.ts
注意:
这个不是 npm 包,需要单独下载的工具,工具安装、使用的教程推荐:参考博客
介绍:
主要功能:可以使用命令行方式更新
nodejs
版本
NVM 允许用户:
Node.js
之间切换。推荐:
提示:
该工具需要单独下载,它只有一个文件,而且切换
Node.js
版本的方式比上面这种工具更简单,它的安装、使用教程推荐:参考博客
gnvm
和nvm
二选一,总的来说gnvm
类似于是对nvm
的二次封装,让一些常用操作的命令都更容易记忆和使用.
作用:
主要功能:编译
typescript
脚本生成同名的javascript
脚本.
$ npm i -g typescript # 需要下载的包
$ tsc ./main.ts # 后面可以接其他参数,详情参考 ts 语言官网
推荐
规范参考:前往官网