精华内容
下载资源
问答
  • (1) 下载:npm i json-server -D (2)创建mock文件夹 此时项目结构如下: 进入mock文件夹,输入命令:json-server --watch db.json,即可启动。 如下图: 运行成功后,系统会自动在mock文件里创建db.json文件,...

    1、使用json server

    (1) 下载:npm i json-server -D

    (2)创建mock文件夹

    此时项目结构如下:
    项目结构(react项目)

    进入mock文件夹,输入命令:json-server --watch db.json,即可启动。 如下图:
    shell
    运行成功后,系统会自动在mock文件里创建db.json文件,浏览器输入localhost:3000即可访问。

    (3)自定义端口 json-server -watch db.json --port 端口号

    例如 json-server --watch db.json --port 3006

    (4)本地ip可访问

    上面的启动命令,只有输入localshot:端口号才可以访问,当前我想输入本地的ip+端口号就无法访问,所以更改启动命令如下:
    json-server --watch --host 0.0.0.0 db.json --port 3006

    (3) npm run mock

    每次都要 cd mock 进入mock文件夹,再输入启动命令,很麻烦,把启动命令写入npm脚本,在项目中直接npm run mock,省时省力。如下图:
    package.json
    在package.json的scripts里写入命令:

     "mock":" cd mock&json-server --watch --host 0.0.0.0 db.json --port 3006"
    

    【注意】为什么要创建mock文件夹?因为把模拟后端的数据文件放入mock,结构更好,我们约定俗成mock文件夹里面是模拟的后端数据。

    【最后】推荐两个网址,各位阅读后会更对本文内容认识更清晰

    npm scripts使用指南
    json server使用

    展开全文
  • NPM酷库,每天两分钟,了解一个流行NPM库。· 今天我们来了解一个专门用来处理IP地址的库:ipip库能够获取本机IP地址、比较、转换、掩码/子网计算等各种和网络IP相关的操作: const ip = require('ip'); // 获取...

    图片描述

    NPM酷库,每天两分钟,了解一个流行NPM库。·

    今天我们来了解一个专门用来处理IP地址的库:ip,ip库能够获取本机IP地址、比较、转换、掩码/子网计算等各种和网络IP相关的操作:

    const ip = require('ip');
    
    // 获取本机网卡IP
    ip.address();
    
    // 比较两个IP是否相同
    ip.isEqual('::1', '::0:1'); // true 
    
    // IP 表示格式互转
    ip.toBuffer('127.0.0.1') // Buffer([127, 0, 0, 1]) 
    ip.toString(new Buffer([127, 0, 0, 1])) // 127.0.0.1 
    ip.toLong('127.0.0.1'); // 2130706433 
    ip.fromLong(2130706433); // '127.0.0.1' 
    
    // 判断是否是内网IP
    ip.isPrivate('127.0.0.1') // true 
    
    // 判断IP版本
    ip.isV4Format('127.0.0.1'); // true 
    ip.isV6Format('::ffff:127.0.0.1'); // true 
    
    // 掩码计算
    ip.fromPrefixLen(24) // 255.255.255.0 
    ip.mask('192.168.1.134', '255.255.255.0') // 192.168.1.0 
    ip.cidr('192.168.1.134/26') // 192.168.1.128 
    ip.not('255.255.255.0') // 0.0.0.255 
    ip.or('192.168.1.134', '0.0.0.255') // 192.168.1.255 
    
    // 子网计算
    ip.subnet('192.168.1.134', '255.255.255.192');
    // { networkAddress: '192.168.1.128', 
    //   firstAddress: '192.168.1.129', 
    //   lastAddress: '192.168.1.190', 
    //   broadcastAddress: '192.168.1.191', 
    //   subnetMask: '255.255.255.192', 
    //   subnetMaskLength: 26, 
    //   numHosts: 62, 
    //   length: 64, 
    //   contains: function(addr){...} } 
    
    // 子网范围判断
    ip.cidrSubnet('192.168.1.134/26').contains('192.168.1.190') // true 

    参考资料

    https://github.com/indutny/no...

    展开全文
  • 安装npm curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash source ~/.nvm/nvm.sh nvm install node nvm use node 验证安装 npm -v 若输出版本号,则安装成功。 ...

    安装npm

    wget https://nodejs.org/dist/v9.3.0/node-v9.3.0-linux-x64.tar.xz
    xz -d node-v9.3.0-linux-x64.tar.xz
    tar -xf node-v9.3.0-linux-x64.tar
    

    配置
    命令行输入 vim /etc/profile
    在最后的位置写上

    export PATH=$PATH:/node-v9.3.0-linux-x64/bin
    

    即加上 node的bin文件夹
    :wq 保存退出后source一下

    source /etc/profile
    

    验证安装

    npm -v

    若输出版本号,则安装成功。

    安装serve

    npm install -g serve

    进入一个react app文件夹

    npm run build
    serve -s build -p 3000

    即可启用react app
    在浏览器输入 ip地址:3000 即可访问

    展开全文
  • ②、启动cmd,设置目录和代理(如果需要) npm config set prefix "C:\Program Files\nodejs\node_global" -g npm config set cache "C:\Program Files\nodejs\node_cache" -g 也可修改...

    1、windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的“INSTALL”按钮,直接点击就会自动下载安装了。

    2、安装过程基本直接“NEXT”就可以了。(windows的安装msi文件在过程中会直接添加path的系统变量,变量值是你的安装路径,例如“C:\Program Files\nodejs”)。

    3、安装完成后可以使用cmd(win+r然后输入cmd进入)测试下是否安装成功。方法:在cmd下输入node -v,出现下图版本提示就是完成了NodeJS的安装。

    4、npm的安装。由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装。如下图,出现版本提示便OK了。

    5、配置NPM

    ①、我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立"node_global"及"node_cache"两个文件夹。

    ②、启动cmd,设置目录和代理(如果需要)

    npm config set prefix "C:\Program Files\nodejs\node_global" -g

    npm config set cache "C:\Program Files\nodejs\node_cache" -g

    也可修改C:\Users\$用户名\.npmrc文件,加入:

    cache=C:\Program Files\nodejs\node_cache
    prefix=C:\Program Files\nodejs\node_global

    -----------------------------------------------------------

    npm config set prefix proxy http://ip:port
    npm config set registry=http://registry.npmjs.org,默认https://registry.npmjs.org(无法连接)

    也可修改C:\Program Files\nodejs\node_global\etc\npmrc文件,加入:

    proxy=http://ip:port
    registry=http://registry.npmjs.org

    ③、现在我们来装个模块试试,选择express这个比较常用的模块。同样在cmd命令行里面,输入“npm install express -g”(“-g”这个参数意思是装到global目录下,也就是上面说设置的“C:\Program Files\nodejs\node_global”里面。)

    ④、关闭cmd

    ⑤、进入环境变量对话框,设置环境变量"PATH"修改为“C:\Program Files\nodejs\node_global\”,要不使用module的时候会导致输入命令出现“xxx不是内部或外部命令,也不是可运行的程序或批处理文件”这个错误。

    ⑥、以上步骤都OK的话,我们可以再次开启cmd命令行,进入node,输入“require('express')”来测试下node的模块全局路径是否配置正确了。正确的话cmd会列出express的相关信息。


    展开全文
  • 目的是想在手机上同网测试下项目; 检查了防火墙,与配置了host文件都不生效 后面修改了webpack config/index.js 文件内host修改为对应的网络ip地址就可以了 ...
  • npm

    2018-04-02 09:30:04
    npm是什么NPM的全称是Node Package Manager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。npm install 安装模块基础语法npm install (with no args,...
  • npm start 修改启动端口不生效解决

    千次阅读 2019-03-19 10:29:37
    Recat、umiJs在启动配置文件package.json中修改默认端口 Linux环境 set port=9000 && umi dev 修改端口不生效 生效配置如下: "scripts": { "start": "umi dev --port=9000", "build": "umi build", ...
  • 1.本机端口和设置ip地址不一致 2.可能是端口被占用 第一种情况的详细解决流程: 我的情况是第一种,更换vue.config.js中的host的值,至此问题完美解决,项目可以重新启动了。 第二种情况的详细解决流程: 1) 通过...
  • 设置本地私有npm包 -- verdaccio

    千次阅读 2019-09-12 18:21:40
    启动服务 $ sinopia 映射私有库 $ npm set registry http://localhost:4873/ $ npm set ca null 添加用户 npm adduser --registry http://localhost:4873/ 接下来会告诉你输入 用户名,密码,邮...
  • npm安装ionic相关设置

    2019-03-06 14:00:45
    npm install -g ionic 更新www/lib/ionic 目录的文件,如有项目中有bower,此命令会运行bower update ionic, 否则则会从CDN上下载文件并替换。 ionic lib update 创建一个项目,其中template可以是内置的模板类型:...
  • 输入npm start可以启动 但是进入 "http://localhost:8000/" 时出现: http.js:733  throw new TypeError('The header content contains invalid characters');  ^ TypeError: The header cont
  • 1. 2.cnpm run dev 3.
  • 配置vue项目实现localhost本地访问和ip访问且设置启动后终端显示localhost和network访问地址 1、首先设置localhost和本地ip访问 在config文件下的index.js文件中,修改host为: host: '0.0.0.0', 或者在package....
  • 启动vue项目npm run serve一直报错

    千次阅读 2020-01-02 15:56:23
    忘记截图了 报错信息包括 spawn cmd ENOENT at Process.Child...This is probably not a problem with npm. There is likely additional logging 百度了下改过端口,貌似没用 还有说在环境变量中添加C:\Windows\...
  • 原因: 上次启动项目进程残留,一般情况下可以访问 服务器IP:端口,是可以通过进入网页的。要做的也很简单 在服务器端输入命令: ps -ef |grep node 删掉关于node的 uid 进程号 kill -9 4477 4478 4485 再次输入 ps...
  • npm 介绍

    2018-04-13 18:02:03
    npm是什么npm install 安装模块npm uninstall 卸载模块 npm update 更新模块npm outdated 检查模块是否已经过时npm ls 查看安装的模块npm init 在项目中引导创建一个package.json文件npm help 查看某条命令的详细...
  • npm 详解

    2020-11-20 13:05:11
    npm 模块管理器:...npm version 查看 npm 和 node 的版本 npm list --depth=0 [-g] 查看[全局]安装的包 npm root [-g] 查看[全局的]包的安装路径 1. 什么是 NPM ...
  • npm 命令

    2017-10-09 11:40:00
    npm是什么 •npm install安装模块 •npm uninstall卸载模块 •npm update更新模块 •npm outdated检查模块是否已经过时 •npm ls查看安装的模块 •npm init在项目中引导创建一个package.json文件 •npm ...
  • 介绍 Verdaccio 是一个 Node.js创建的轻量的私有npm仓库 安装 启动 发布 下载 配置 Q&A 下载包超时或404 修改配置文件不生效 发布的包不能兼容IE
  • vue 的 npm run dev 自动打开浏览器姿势(自动获取本地的ip地址) 前言 比这开发时,用了vue-cli,运行npm run dev命令行时会自动打开浏览器,并且默认的是打开http:// localhost:端口/,当我想用手机设备去访问时...
  • 服务器搭建npm私服

    千次阅读 2019-12-29 14:55:12
    npm 知识记录 环境准备 Nexus 3.2.1 需要JDK8,如果没有JDK,需要先到oracle官网上去下载 Nexus 下载地址:http://www.sonatype.org/nexus/ 我的版本 当前最新版本:nexus-3.20.1-01-un...
  • npm常用指令

    2019-10-01 20:25:33
    npm是什么? NPM的全称是Node Package Manager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。 npm install 安装模块 基础语法 npm install (with no ...
  • npm config 说明

    万次阅读 2016-11-16 16:20:02
    - access: 当我们发布一个npm包时,访问级别设置 - always-auth: 当访问此npm包时,是否进行身份验证(一般就是下载安装) - bin-links: 通知npm为此包创建symlinks - browser: 浏览npm docs的命令 - ca: 证书 ...
  • 常用npm命令列表

    千次阅读 2016-10-30 09:58:37
    常用npm命令列表 npm init npm install npm uninstall npm update npm outdated npm remove npm root npm root -g npm help npm list npm config npm cache npm start npm stop npm restart npm test npm version ...
  • npm常用命令

    2017-11-22 14:49:32
    npm是什么 NPM的全称是Node Package Manager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。 npm install 安装模块 基础语法 npm install ...
  • npm 常用命令

    2018-11-24 17:59:41
    查看npm版本 npm -version 查看nodejs版本 node -v 安装包 npm install (with no args, in package dir) npm install [<@scope>/]<name> npm install [<@scope>/]&...
  • npm快捷命令

    千次阅读 2016-12-27 09:40:50
    npm是什么 NPM的全称是Node Package Manager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。 npm install 安装模块 基础语法 npm ...
  • NPM常用命令

    万次阅读 2017-01-10 15:11:44
    npm是什么NPM的全称是Node Package Manager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。npm install 安装模块npm install (with no args, in ...
  • npm&yarn使用记录

    2019-06-30 16:17:05
    npm设置临时镜像 npm --registry https://registry.npm.taobao.org install express npm设置永久镜像 npm config set registry https://registry.npm.taobao.org yarn安装 npm install -g yarn 新版的只能去官网下载...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,624
精华内容 6,649
关键字:

npm设置启动ip