【npm】安装、搭建独立项目环境 񲷁

目录

  • 安装npm包的几种方式
  • 搭建独立的项目环境
  • npm常用命令
  • package.json文件详述

原文: http://blog.gqylpy.com/gqy/282

"任何一门计算机语言都包含了丰富的第三方库,npm就是JavaScript这门语言的第三方库管理工具,本文将详细介绍JavaScript的包管理工具——npm.

在计算机中安装Node.js时,默认会一并安装npm包管理工具,我们可以输入npm命令进行测试:

@
***

安装npm包的几种方式

npm包有两种安装方式:==全局安装==和==局部安装.==

全局安装
·
如果你想将其作为一个命令行工具,那么你应该将其安装到全局.
==全局安装可以让你在任何目录下使用这个包.==
安装命令:npm install -g <package>
可简写为:npm i -g <package>
·
补充:如果是Mac系统,则需要加上sudo(权限问题),即:sudo npm install -g <package>,包括下面的命令,都要加上sudo,回车后输入当前用户的密码即可.

本地安装(局部安装)
·
==本地安装的npm包,只在当前目录下可用.==
安装命令:nom install [email protected]
该方式安装的包:

  1. 会把包安装到node_modules目录中.
  2. 不会修改package.json
  3. 运行npm install不会自动安装该包

本地安装——save(局部安装)
·
==本地——save方式安装的npm包,只在当前目录下可用.==
安装命令:npm install [email protected] --save
该方式安装的包:

  1. 会把包安装到node_module目录中.
  2. 会在package.json的dependencies属性下添加包.
  3. 运行nom install命令时,会自动安装包到node_modules目录中.

使用国内的镜像站安装
·
通过npm安装JavaScript第三方库时,访问的是国外的站点,访问速度会比较慢,此时我们可以使用国内的镜像站,cnpm(需先下载此命令),详细的使用方式请参考http://npm.taobao.org/
使用方式:cnpm install vue

卸载npm包
·
卸载全局包:npm uninstall <package> -g
·
卸载本地:

npm uninstall <package> -S, --save: Package will be removed from your dependencies.
npm uninstall <package> -D, --save-dev: Package will be removed from your devDependencies.

以上就是npm包的安装和卸载.
***

搭建独立的项目环境

但是,当我们需要维护多个独立的项目环境时(比如:项目一需要Vue2.5.10支持;而项目二需要最新的Vue2.5.17支持;),我们应该分别为项目一和项目二创建独立的、与外界隔离的第三方库环境,而不是在当前目录下使用本地或者全局方式安装的npm包.

先创建一个文件夹,并将该文件夹初始化为npm包环境:

$ mkdir myproject
$ cd myproject
$ npm init -y  // 使用默认的信息初始化

如果想要自定义信息,则需要使用npm init命令,手动填写信息后,输入yes即可.
需要填写的信息如下:

name 项目名称
version 项目的版本号
description 项目的描述信息
entry point 项目的入口文件
test command 项目启动时脚本命令
git repository 如果你有 Git 地址,可以将这个项目放到你的 Git 仓库里
keywords 关键词
author 作者
license 项目要发行的时候需要的证书
***

npm常用命令

查看package信息: npm ls <package>
·
更新package:npm update <package>
·
搜索package:nom search <package>
***

package.json文件详述

随着项目的不断丰富,package.json文件也会不断的复杂.

接下来,我们来看看几个在上述中没有的条目:

"private": true,
  "dependencies": {
    "antd": "^2.11.1",
    "classnames": "^2.2.5"
  },
  "devDependencies": {
    "axios": "^0.15.3",
    "babel-eslint": "^6.1.2"
  },
  "bin": {
    "dk-cli": "./bin/dk-cli.js"
  },
  "scripts": {
    "start": "node index.js"
  },
  "engines": {
    "node": ">=6.9.0",
    "npm": ">=3.10.10"
  }
  "publishConfig": {
    "registry": "http://gongsineibu/nexus/repository/npm-hosted/"
  }

--------- ==private== ---------
·
可选字段,布尔值.
如果值为true,npm会拒绝发布,这可防止私有repositories不小心被发布出去.

--------- ==dependencies== 与 ==devDependencies== ---------
·
在开发阶段,我们需要对开发的模块进行单元测试,这时在开发环境devDependencies下就要安装单元测试模块Mocha.

·
而在生产环境,用户直接使用项目,此时项目的开发已全部完成,不再需要单元测试模块了,加上只会影响性能.

  • dependencies指定了项目生产环境时所依赖的模块.
  • devDependencies指定了项目开发环境时所依赖的模块.

--------- ==scripts== ---------
·
该字段指定了运行脚本命令的npm命令缩写.
比如start指定了运行npm run start时,所要执行的命令.
·
下面的设置指定了npm run dev、nom run build、nom run unit、nom run rest、nom run lint时,所要执行的命令:

"scripts": {
"dev": "node build/dev-server.js",
"build": "node build/build.js",
"unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
"test": "npm run unit",
"lint": "eslint --ext .js,.vue src test/unit/specs"
}

--------- ==engines== ---------
·
指定依赖的node版本.

--------- ==publishConfig== ---------
·
当我们开发完自己的项目,想要将它发布到Npm仓库时,就需要用到这个属性.
默认地址是:https://www.npmjs.com/,将发往Npm公共仓库.
在package.json文件中不加这个属性会默认发往Npm公共仓库.
·
publishConfig字段决定了我们的包将发布到哪里.
如果企业内部搭建了Npm私有仓库,则将地址更改为私有仓库的地址即可.


"

原文: http://blog.gqylpy.com/gqy/282

原文地址:https://www.cnblogs.com/gqy02/p/11368391.html

时间: 2024-10-17 20:14:24

【npm】安装、搭建独立项目环境 񲷁的相关文章

【npm】安装、搭建独立项目环境 -- 2019-08-11 19:41:36

目录 安装npm包的几种方式 搭建独立的项目环境 npm常用命令 package.json文件详述 原文: http://106.13.73.98/__/57/ 任何一门计算机语言都包含了丰富的第三方库,npm就是JavaScript这门语言的第三方库管理工具,本文将详细介绍JavaScript的包管理工具--npm. 在计算机中安装Node.js时,默认会一并安装npm包管理工具,我们可以输入npm命令进行测试: @ *** 安装npm包的几种方式 npm包有两种安装方式:==全局安装==和=

JBOSS安装与配置搭建本地项目环境(方便前端开发调式)

JBOSS安装与配置搭建本地项目环境  什么是JBOSS? JBOSS是EJB的服务器,就像Tomcat是JSP服务器一样,就是服务器的一种. 环境搭建如下: 一:首先安装JDK,配置环境变量(PATH,CLASSPATH,JAVA_HOME).       1. 网上下载JDK安装,我的下载如下: 点击安装,下一步,然后出现如下界面,更改文件目录如下: 我的jdk存放在D盘java文件下,点击[下一步]按钮后,出现如下: jre目录也放在D盘java下.点击[下一步]安装完成后,我在D盘jav

&nbsp; &nbsp; &nbsp; MHVTL安装--搭建备份软件测试环境的黄金搭档

MHVTL安装--搭建备份软件测试环境的黄金搭档 mhvtl download https://sites.google.com/site/linuxvtl2/home#vtl-getting-started VTL OS CENTOS6.5 64bit Backuper Server:Networker8 for Windows Server2008 x64RedHat/CentOS/Scientific Linux/Oracle Linux distributions: 1.安装MHVTL

java 操作elasticsearch之搭建测试项目环境

在创建项目之前请确认maven是否安装好,在此我是以环境都搭建好的情况下进行示范,现在以eclipse开发工具为例,具体操作如下: 1.创建maven项目 File - new -other 2.在pom文件中导入对应的jar包坐标 在此我没有添加log4j等坐标,需要的根据自己需要进行添加jar包坐标 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001

Java第一天:安装搭建Java开发环境

Java是面向对象的语言.它是通过虚拟机的运行机制来实现“跨平台”的. 这里不多说其他的,进入正题先,学习任何语言前的第一步都是要先搭建好开发环境,Java开发环境搭建如下: 1.到官网 http://www.oracle.com/technetwork/java/javase/downloads/index.html 下载对应的JDK版本 2.安装JDK(建议修改安装位置且安装文件目录不带空格) 3.右键我的电脑,选择属性--高级--环境变量 新建系统变量JAVA_HOME和PATH(若已存在

搭建React项目环境

1.安装NodeJS6.0以上自带npm依赖包管理工具 2.webstrom 2019.2 工具 1.在cmd输入node -v就可以看到node的当前版本 2.在输入node进入node环境 3.查看npm版本号:npm -v 4.再次输入npm可以看到下面有哪些包 5.下一个全局安装react -app :install create-react-app yarn -g 6. 下面在webstrom工具中创建React项目引用React所需要的依赖 7.项目构架: 启动项目进行访问:npm 

使用maven搭建SpringMVC项目环境

Window环境下用maven新建一个项目: mvn archetype:generate -DarchetypeCatalog=internal -DgroupId=cn-cisol -DartifactId=spring-mvc-demo -DarchetypeArtifactId=maven-archetype-webapp 参数含义: archetype: 使用Archetype生成项目骨架 -DarchetypeCatalog=internal: archetypeCatalog表示插

Git搭建团队项目环境

序言 使用git有一段时间但是没有自己搭过项目.当我在网络查找问题时,搜到的同类文章大同小异,表述也不是很详细. 被push失败问题折腾了6个小时,于是完整决定记录一下,不尽完善,公自己和新手参考. 系统Mac OS X  Yosimite 10.10----------------------------------------------------------------------------------------------------- 一.项目中心仓库部分 中心仓库需要设为裸仓库

在Ubuntu 15.10搭建MEAN开发环境

在Ubuntu 15.10搭建MEAN开发环境 作者:chszs,未经博主允许不得转载.经许可的转载需注明作者和博客主页:http://blog.csdn.net/chszs 本文主要讲述如何在Ubuntu 15.10系统上搭建MEAN开发环境. 1.安装Node.js和使用nvm安装npm nvm是一个简单的Bash脚本,可用于在同一台主机上安装和维护不同的Node.js版本.执行命令: # wget -qO- https://raw.githubusercontent.com/creatio