能注册后看简单的功能

订单加信息


下单之前的判断要配合海潮的迁移数据



运行自定义的脚本

在 package.json 的 scripts 里添加自定义的结点 ( 比如 CSOR-serve )

"scripts": {
"CSOR-serve": "node cross-origin-server.js",
"AngularVersion": "ng -v"
},
4
 
1
"scripts": {
2
    "CSOR-serve": "node cross-origin-server.js",
3
    "AngularVersion": "ng -v"  
4
  },

运行方式 :
npm run CSOR-serve





代理到本机的  翻墙软件 , 具体的服务器地址配置在 SS 上 , 不需要每个软件都知道 外网服务器 IP 和端口
似乎可以全局翻墙 , 就不需要每个软件都这样配置了

常用命令

npm install <name>安装nodejs的依赖包

例如npm install express 就会默认安装express的最新版本,也可以通过在后面加版本号的方式安装指定版本,如npm install express@3.0.6

npm install <name> -g  将包安装到全局环境中

但是代码中,直接通过require()的方式是没有办法调用全局安装的包的。全局的安装是供命令行使用的,就好像全局安装了vmarket后,就可以在命令行中直接运行vm命令

npm install <name> --save  安装的同时,将信息写入package.json中
项目路径中如果有package.json文件时,直接使用npm install方法就可以根据dependencies配置安装所有的依赖包 制定版本 :
在组件的后面加上 @版本号 , 例如 :
npm install --save react-router@2.8.1 这样代码提交到github时,就不用提交node_modules这个文件夹了。 npm init 会引导你创建一个package.json文件,包括名称、版本、作者这些信息等 npm remove <name>移除 npm update <name>更新 npm ls 列出当前安装的了所有包 npm root 查看当前包的安装路径 npm root -g 查看全局的包的安装路径 npm help 帮助
比如查看install命令的帮助 , npm help install 删除淘宝源
npm config edit
会打开配置文件文本
或者
npm config delete registry
npm config delete disturl 然后用 npm config list 确认下是否更改成功 , 有出现的是生效的配置
x
 
1
npm install <name>安装nodejs的依赖包
2

3
例如npm install express 就会默认安装express的最新版本,也可以通过在后面加版本号的方式安装指定版本,如npm install express@3.0.6
4

5
npm install <name> -g  将包安装到全局环境中
6

7
但是代码中,直接通过require()的方式是没有办法调用全局安装的包的。全局的安装是供命令行使用的,就好像全局安装了vmarket后,就可以在命令行中直接运行vm命令
8

9
npm install <name> --save  安装的同时,将信息写入package.json中
10
项目路径中如果有package.json文件时,直接使用npm install方法就可以根据dependencies配置安装所有的依赖包
11

12
制定版本 :
13
在组件的后面加上 @版本号 , 例如 :
14
npm install --save react-router@2.8.1
15

16
这样代码提交到github时,就不用提交node_modules这个文件夹了。
17

18
npm init  会引导你创建一个package.json文件,包括名称、版本、作者这些信息等
19

20
npm remove <name>移除
21

22
npm update <name>更新
23

24
npm ls 列出当前安装的了所有包
25

26
npm root 查看当前包的安装路径
27

28
npm root -g  查看全局的包的安装路径
29

30
npm help  帮助
31
比如查看install命令的帮助 , npm help install
32

33
删除淘宝源
34
npm config edit 
35
会打开配置文件文本
36
或者 
37
npm config delete registry
38
npm config delete disturl
39

40
然后用 npm config list 确认下是否更改成功 , 有出现的是生效的配置   
41
 
42

43



如何给 NPM 设置代理
npm config set proxy=http://127.0.0.1:8087
npm config set registry=http://registry.npmjs.org

npm config set <key> <value>


官方的仓库
https://registry.npmjs.org


帮助文档
比如 npm start 命令的帮助文档
file:///C:/Program%20Files/nodejs/node_modules/npm/html/doc/cli/npm-start.html

清理缓存
npm cache verify
旧版本是
npm cache clean



已经安装的

cnpm install -g tsun

npm install -g protractor

npm install --global mocha
 
npm install  -g cnpm
cnpm@4.5.0
2017.3.28

npm install -g vue

以前安装的    npm install -g vue@2.1.6

npm install -g element-ui -S

似乎安装失败,第1次尝试:

似乎安装失败,第2次尝试: 



常用命令


npm 安装参数中的 --save-dev 是什么意思
-save和save-dev可以自动修改项目里的 package.json 文件
spm install module-name -save 自动把模块和版本号添加到dependencies部分
spm install module-name -save-dve 自动把模块和版本号添加到devDependencies部分

官方文档说明 :
-S, --save: Package will appear in your dependencies.
-D, --save-dev: Package will appear in your devDependencies.
-O, --save-optional: Package will appear in your optionalDependencies.

设置镜像源  淘宝
npm config set registry “https://registry.npm.taobao.org”


npm list 看已经安装了的

效果
C:\Users\XiaoCong
+-- UNMET PEER DEPENDENCY @angular/common@^2.3.1 || ^4.0.0
+-- UNMET PEER DEPENDENCY @angular/core@^2.3.1 || ^4.0.0
+-- UNMET PEER DEPENDENCY @angular/forms@^2.3.1 || ^4.0.0
+-- @ng-bootstrap/ng-bootstrap@1.0.0-alpha.22
+-- bootstrap@4.0.0-alpha.6 invalid
| +-- jquery@3.2.1 extraneous
| `-- tether@1.4.0 extraneous
+-- create-react-app@1.3.0
| +-- chalk@1.1.3
| | +-- ansi-styles@2.2.1
| | +-- escape-string-regexp@1.0.5
| | +-- has-ansi@2.0.0
| | | `-- ansi-regex@2.1.1
| | +-- strip-ansi@3.0.1
| | `-- supports-color@2.0.0
| +-- commander@2.9.0
| | `-- graceful-readlink@1.0.1
| +-- cross-spawn@4.0.2
| | +-- lru-cache@4.0.2
| | | +-- pseudomap@1.0.2
| | | `-- yallist@2.1.2
| | `-- which@1.2.14
| |   `-- isexe@2.0.0
| +-- fs-extra@1.0.0
| | +-- graceful-fs@4.1.11
| | +-- jsonfile@2.4.0
| | `-- klaw@1.3.1
| +-- hyperquest@2.1.2
| | +-- buffer-from@0.1.1
| | | `-- is-array-buffer-x@1.1.0
| | |   +-- has-to-string-tag-x@1.1.0
| | |   | `-- has-symbol-support-x@1.1.0
| | |   +-- is-object-like-x@1.1.0
| | |   | +-- is-function-x@1.1.0
| | |   | `-- is-primitive@2.0.0
| | |   `-- to-string-tag-x@1.1.0
| | |     +-- lodash.isnull@3.0.0
| | |     `-- validate.io-undefined@1.0.3
| | +-- duplexer2@0.0.2
| | | `-- readable-stream@1.1.14
| | |   `-- isarray@0.0.1
| | `-- through2@0.6.5
| |   +-- readable-stream@1.0.34
| |   `-- xtend@4.0.1
| +-- semver@5.3.0
| +-- tar-pack@3.4.0
| | +-- debug@2.6.3
| | | `-- ms@0.7.2
| | +-- fstream@1.0.11
| | | +-- inherits@2.0.3
| | | `-- mkdirp@0.5.1
| | |   `-- minimist@0.0.8
| | +-- fstream-ignore@1.0.5
| | | `-- minimatch@3.0.3
| | |   `-- brace-expansion@1.1.6
| | |     +-- balanced-match@0.4.2
| | |     `-- concat-map@0.0.1
| | +-- once@1.4.0
| | | `-- wrappy@1.0.2
| | +-- readable-stream@2.2.6
| | | +-- buffer-shims@1.0.0
| | | +-- core-util-is@1.0.2
| | | +-- isarray@1.0.0
| | | +-- process-nextick-args@1.0.7
| | | +-- string_decoder@0.10.31
| | | `-- util-deprecate@1.0.2
| | +-- rimraf@2.6.1
| | | `-- glob@7.1.1
| | |   +-- fs.realpath@1.0.0
| | |   +-- inflight@1.0.6
| | |   `-- path-is-absolute@1.0.1
| | +-- tar@2.2.1
| | | `-- block-stream@0.0.9
| | `-- uid-number@0.0.6
| +-- tmp@0.0.31
| | `-- os-tmpdir@1.0.2
| `-- validate-npm-package-name@3.0.0
|   `-- builtins@1.0.3
+-- element-ui@1.2.5
| +-- async-validator@1.6.8
| +-- babel-helper-vue-jsx-merge-props@2.0.2
| +-- deepmerge@1.3.2
| `-- throttle-debounce@1.0.1
`-- UNMET PEER DEPENDENCY vue@^2.1.6

npm ERR! peer dep missing: @angular/core@^2.3.1 || ^4.0.0, required by @ng-bootstrap/ng-bootstrap@1.0.0-alpha.22
npm ERR! peer dep missing: @angular/common@^2.3.1 || ^4.0.0, required by @ng-bootstrap/ng-bootstrap@1.0.0-alpha.22
npm ERR! peer dep missing: @angular/forms@^2.3.1 || ^4.0.0, required by @ng-bootstrap/ng-bootstrap@1.0.0-alpha.22
npm ERR! peer dep missing: vue@^2.1.6, required by element-ui@1.2.5
npm ERR! invalid: bootstrap@4.0.0-alpha.6 C:\Users\XiaoCong\node_modules\bootstrap
npm ERR! extraneous: jquery@3.2.1 C:\Users\XiaoCong\node_modules\jquery
npm ERR! extraneous: tether@1.4.0 C:\Users\XiaoCong\node_modules\tether


搭建本地私服




报错

2503  2502  安装过程中报错
Win10下安装Node.js
环境:win10专业版,此方法可行。我的node版本 6.10.3-x64

管理员权限下的cmd里  执行
msiexec /package node-v6.10.3-x64.msi

参考:
Win10下安装Node.js报错 2503的解决方案
http://www.cnblogs.com/endy-blog/p/538333c871e4494fd8d3dfa80c4ddafc.html





npm 包管理工具的更多相关文章

  1. Node.js权威指南 (4) - 模块与npm包管理工具

    4.1 核心模块与文件模块 / 574.2 从模块外部访问模块内的成员 / 58 4.2.1 使用exports对象 / 58 4.2.2 将模块定义为类 / 58 4.2.3 为模块类定义类变量或类 ...

  2. Node.js之包与npm包管理工具

    Node.js之包与npm包管理工具 1.Node.js中的包 1.1在一个包中包含如下内容: package.json:对包进行描述 在bin子目录中存放二进制文件 在lib子目录中存放JavaSc ...

  3. node.js中npm包管理工具

    现在安装node.js,默认就会帮我们装上了npm包管理工具,npm主要用来下载,安装,管理第三方模块. 创建一个包描述文件: npm init [-y] 查看包的信息 npm info <pa ...

  4. nodeJS---模块与npm包管理工具

    nodeJS---模块与npm包管理工具 一:从模块外部访问另一个模块内的成员; 假如我现在还在D盘中的node文件夹内中的app.js代码改成如下: var msg = 'hello'; var f ...

  5. Nodejs-内置核心模块&npm包管理工具

    1.核心模块的意义 如果只是在服务器运行JavaScript代码,其实意义不大(浏览器就可以解决)因为无法实现功能(读写文件,访问网络) Node的用处在于本身还提供了一系列的功能模块,用于与操作系统 ...

  6. NPM 包管理工具详解,使用教程

    NPM 包管理工具 1.1 定义:什么是 NPM NPM 全称 Node Package Manager,它是 JavaScript 的包管理工具, 并且是 Node.js 平台的默认包管理工具.通过 ...

  7. NodeJS 中npm包管理工具

    NPM 使用介绍 NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种: 允许用户从NPM服务器下载别人编写的第三方包到本地使用. 允许用户从 ...

  8. npm包管理工具在一般项目中的应用方法

    最近自己在有时间,在通学一些知识点,记录一下,以便以后使用方面 当我们在做项目的时候,如果需要到包管理工具,那么我们一定会经历以下流程: 1.首先在官网下载node.js,然后默认安装到C盘 检查是否 ...

  9. node.js开发 npm包管理工具

    npm介绍 说明:npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装.卸载.管理依赖等) 使用npm安装插件:命令提示符执行npm instal ...

  10. node.js开发 npm包管理工具 npm 和 cnpm区别

    npm 允许用户从NPM服务器下载别人编写的第三方包到本地使用. 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用. 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用 np ...

随机推荐

  1. Exception (3) Java exception handling best practices

    List Never swallow the exception in catch block Declare the specific checked exceptions that your me ...

  2. 微信小程序自定义事件

    案例结构 首先,我还是会以案例的形式向大家讲解(这样也能方便大家更好的理解)简单介绍一下案例项目的内容(以上一章自定义组件的案例为基础)项目名称:component自定义子组件cpt父组件:logs ...

  3. 深入理解java虚拟机(四)垃圾收集算法及HotSpot实现

    垃圾收集算法 一般来说,垃圾收集算法分为四类: 标记-清除算法 最基础的算法便是标记-清除算法(Mark-Sweep).算法分为“标记”和“清除”两个阶段:首先标记处需要收集的对象,在标记完成之后,再 ...

  4. pycharm中使用git

    注册GitHub https://www.jb51.net/article/135606.htm pycharm中配置git https://www.cnblogs.com/feixuelove100 ...

  5. 第一个.NET Core应用,创建.NET Core命令

    打开cmd,依次输入mkdir .project(创建目录),cd .\.project(进入目录),dotnet new(新建初始项目),dotnet restore(还原依赖),dotnet ru ...

  6. [agc007f] Shik and Copying String 模拟神题

    Description ​ "全"在十分愉快打工,第0天,给了他一个仅有小写字母构成的长度为N的字符串S0,在之后的第i天里,"全"的工作是将Si−1复制一份到 ...

  7. Django 学习资源

    相关的分享: 开发者头条:http://toutiao.io/search?utf8=%E2%9C%93&q=django 极客头条及Django资讯:http://www.csdn.net/ ...

  8. Azure Powershell获取Azure虚拟机的操作系统型号及具体版本

    Azure ARM 模式虚拟机: 1.登陆Azure账号 Add-AzureRmAccount -EnvironmentName AzurechinaCloud 2.选择指定订阅 Select-Azu ...

  9. iOS tableview性能优化及分析

    1.最常用的就是cell的重用, 注册重用标识符 每次滑动cell时需要先去缓存池中寻找可循环利用的cell,如果没有则再重新创建cell 2.减少cell中控件的数量 view对象尽量缩减控件的数量 ...

  10. CF666E Forensic Examination SAM+线段树合并+前缀树倍增

    $ \color{#0066ff}{ 题目描述 }$ 给你一个串\(S\)以及一个字符串数组\(T[1..m]\),\(q\)次询问,每次问\(S\)的子串\(S[p_l..p_r]\)在\(T[l. ...