node及npm常用命令集合

cmd上的输入npm命令卡死可能原因是因为npmrc文件路径配置错

npm命令

1.查看配置结果

npm config ls

 

2.查看node和npm版本

node -v

npm -v

tsc -v检查typescript版本号

3.安装typescript

npm install  typescript -g

4.安装Angular-cli 

npm install  @angular/cli -g

5.安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

6.查看全局安装的模块

npm ls -g

7.初始化一个package.json文件

npm init  

npm init -y   初始化一个package.json文件，加上-y就会默认生成该文件，无需一步一步填写

8.查看npm全局包安装位置

npm root -g

9.删除node_modules

npm install rimraf -g

rimraf node_modules

10.安装nrm 包源管理工具

cnpm install -g nrm    
nrm ls   显示可用源
nrm use npm   切换源

11.安装n node 版本切换工具(不好用-建议用nvm)

cnpm install -g n
n   本地版本列表
n 8.11.2   安装、切换 版本
n latest  切换 最新版本
n stable   切换 最新稳定版本
n lts  切换 长期支持版本
n rm 8.8.1   删除本地版本

12.nvm命令

•  安装指定版本的node： nvm install 版本号     比如安装8.9.3：nvm install 8.9.3
   使用指定版本的node： nvm use 版本号         比如使用8.9.3：nvm use 8.9.3
   使用淘宝node镜像：nvm node_mirror     nvm node_mirror https://npm.taobao.org/mirrors/node/
   使用淘宝npm镜像：nvm npm_mirror       nvm npm_mirror https://npm.taobao.org/mirrors/npm/
   查看当前电脑上已经安装的全部node版本,正在使用中的版本号前有个星号 nvm ls
   查看可用的（可下载的）全部node版本：nvm ls available

   

 

angular命令

 

1.创建项目 

ng new my-angular2-app 

 

2.启动项目 

进入刚刚创建的项目目录，即./my-angular2-app 

ng serve

ng serve --open

--open 标志会打开浏览器，并访问 http://localhost:4200/

3.创建名为heroes的新组件

ng generate component heroes

 

angular版本：

   ng version

生成指令：

ng g directive my-new-directive

生成管道：

ng g pipe my-new-pipe

生成service:

ng g service my-new-service

生成module:

ng g module my-module

生成接口：

ng g interface my-new-interface

生成class:

ng g class my-new-class

生成enum:

ng g enum my-new-enum

 

 

vue命令

安装vue脚手架

npm install vue-cli -g

查看vue-cli版本(大写V)：

vue -V

以图形化界面创建和管理项目：

vue ui

# 创建一个基于 webpack模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev

vue-cli3

Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具：

npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同
vue init webpack my-project

 

react命令

#创建项目
npm install -g create-react-app
create-react-app my-app
cd my-app/
npm start

 

 

 

 

 

 

 

安装less编译less:

安装：

npm install less –g 

编译：

lessc example/example.less example/example.css

 

安装node-sass编译sass

安装：

npm install node-sass -g

编译：

node-sass input.scss output.css

监视：

node-sass --watch input.scss output.css

 

sass命令：

sass -i      sassScript sass脚本命令行

sass transform.scss ../css/transform.css  sass编译

 

npm包：

shelljs    在js文件中执行shell命令

chalk      控制台字符样式

semver   语义化版本

node-schedule  定时任务

lodash    JS工具库

moment  JS日期类库

cssnano   插件库 压缩和优化css

"sass-loader": "^6.0.6"   

"node-sass": "^4.7.2",   sass依赖的两个包

 

 

刚安装node需用npm安装列表：

npm install -g cnpm --registry=https://registry.npm.taobao.org

npm install webpack -g

npm install  @angular/cli -g

npm install  typescript -g

npm install vue-cli -g

npm install -g @vue/cli-init

npm install rimraf -g

npm install -g create-react-app

npm install -g nrm   

 

 

 

npm安装失败解决办法：

1.清除缓存 npm cache clean --force

2.删除node_modules文件夹：rimraf node_modules

3.删除package-lock.json:package-lock.json是在npm install安装时生成的一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号，如果没有这个文件的话，那么npm install将下载大版本下的最新的包

4.npm install