能注册后看简单的功能

订单加信息


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



运行自定义的脚本

在 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. Spring框架总结(七)

    Spring代理模式:名词解释: 代理是一种开发的设计模式,用途:提供了对目标对象另外的访问方式,及通过对代理访问目标对象. 优势: 可以在目标对象实现的基础上,增强额外的功能操作,(扩展目标对象的功 ...

  2. C#函数式程序设计之泛型(上)

    在面向对象语言中,我们可以编写一个元素为某个专用类型(可能需要为此创建一个ListElement)的List类,或者使用一个非常通用.允许添加任何类型元素的基类(在.NET中,首先想到的是System ...

  3. Head First Python之3文件与异常

    文件基本操作 Python从文本读取数据时,一次会到达一个数据行. sketch.txt文件 Man: Is this the right room for an argument? Other Ma ...

  4. 团体程序设计天梯赛L2-003 月饼 2017-03-22 18:17 42人阅读 评论(0) 收藏

    L2-003. 月饼 时间限制 100 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 陈越 月饼是中国人在中秋佳节时吃的一种传统食品,不同地区有许多不 ...

  5. Digester学习笔记(二)转载

    为便于理解,将笔记的内容结构作了一些调整. 对象栈 对digester技术最普通的应用,是用来动态创建一个由Java对象构成的树结构,各对象的属性以及对象间的关系,基于XML文档的内容来设置(XML文 ...

  6. maven3的安装

    先来简单介绍一下maven,Maven是Apache的顶级项目,是基于项目对象模型,也就是POM模型,用作项目管理,基本上是用做Java的项目. 1.安装环境准备,首先确定机子上已经安装和配置好了JD ...

  7. 对于nginx为什么能提高性能

    对于后端是动态服务来说,比如Java和PHP.这类服务器(如JBoss和PHP-FPM)的IO处理能力往往不高.Nginx有个好处是它会把Request在读取完整之前buffer住,这样交给后端的就是 ...

  8. 一个自定义MVP .net框架 AngelFrame

    摘要:本篇是本人在完成.net平台下一个项目时,对于MVP框架引发的一些思考,以及开发了一个小型的配置型框架,名字叫作AngelFrame.这个项目属于前端桌面管理系统的一部分,最终要集成进去. 关键 ...

  9. WPF 实现INotifyPropertyChanged .Net Framework 4.5

    自己动手写了一个基类来实现INotifyPropertyChanged接口,以后可以直接使用. using System.ComponentModel; using System.Runtime.Co ...

  10. kali linux之msf信息收集

    nmap扫描 Auxiliary 扫描模块 目前有557个扫描方式