npm--save和--save-dev区别-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

npm--save和--save-dev区别-创新互联

1、npm install 就是安装模块,npm run dev 就是执行npm script中的命令。当我们执行npm命令的时候,它到哪里去找,这就要说到每个node项目中都有的核心文件package.json 文件。
2、项目刚刚开始时,就要创建package.json这个文件,可以进入项目目录手动创建,就和创建一个txt文件一样(不建议),使用命令行创建:npm init,然后一路回车、填信息,就可以了。
3、几个填写字段:
name 项目名称, 你可能在项目中使用过 var express = require(‘express’), require 函数后面的参数,就是package.json 中的name字段,所以这个name一定要简短,且不能有大写,这是规定。
version版本号:安装一个模块的时候, 你可能指定过特定的版本号,npm install express @4.13.2, 版本号4.13.2 就是我们这里的version。版本号有三个组成部分,4:表示的是大版本,一般是重大升级。13:表示的是小版本, 在大版本的基础进行的小的更新,如某个功能废弃了,新增了那个功能。2: 对该版本进行补丁,主要是版本bug的修复。
script: 我们在命令行中执行的所有命令都写在这个地方,然后用 npm run 去执行这个命令。

目前创新互联已为1000多家的企业提供了网站建设、域名、雅安服务器托管、网站改版维护、企业网站设计、七台河网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

4、项目初始化完成,开始开发。安装依赖(第三方库和框架),安装用的命令是npm install
npm install --save 会把依赖包名称添加到 package.json 文件 默认为dependencies 键下
npm install --save-dev 把依赖包名称添加到 package.json 文件 devDependencies 键下
devDependencies 下列出的模块,是我们开发时用的,比如 我们安装 js的压缩包gulp-uglify 时,我们采用的是 “npm install –save-dev gulp-uglify ”命令安装,因为我们在发布后用不到它,而只是在我们开发才用到它。dependencies 下的模块,则是我们发布后还需要依赖的模块,譬如像jQuery库或者Angular框架类似的,我们在开发完后肯定还要依赖它们,否则就运行不了。其实就是我们在使用webpack开发时,它配置文件里所有的依赖,都是开发依赖。

5、运行webpack命令时,一定要指定模式。
webpack --mode development
webpack --mode production
dev是develop(开发)的简写。

6、 npm install -g 全局安装(global)和本地安装(local)的区别
带不带-g参数的区别.
带了-g说明全局安装.不带说明安装在当前目录
a.npm install xxx -g 时, 模块将被下载安装到【全局目录】中
【全局目录】通过 npm config set prefix "目录路径" 来设置。
比如说,当我们使用了npm install -g express安装了express框架后, 我们就可以在电脑里的某一个文件夹下,打开控制台,直接使用express mvc创建项目,否则会遇到 “'express' 不是内部或外部命令,也不是可运行的程序”错误。
b.npm install xxx ,则是将模块下载到当前命令行所在目录。
c:\123>npm install xxx //将会安装到c:\123\node_modules\xxx
全局安装完后可以在控制台直接的使用,本地安装的是项目开发过程中需要的依赖模块

 本地安装
        1. 将安装包放在 ./node_modules 下(运行npm时所在的目录)
        2. 可以通过 require() 来引入本地安装的包(按需引入)
        全局安装
        1. 将安装包放在 /usr/local 下
        2. 可以直接在命令行里使用

7、生成环境——正式上线的环境
一般安装的有:vue、vue-router、vuex、jquery
开发环境——本地进行开发调试的环境
一般安装的有:babel、gulp、webpack、

8、
npm install moduleName 命令

  1. 安装模块到项目node_modules目录下。
  2. 不会将模块依赖写入devDependencies或dependencies 节点。
  3. 运行 npm install 初始化项目时不会下载模块。因为配置文件里面没有任何的包管理,可能会报错,如果别人项目需要jquery,而他是全局安装的,项目里没写入,那么由于没有安装jq,那么可能会报错

npm install -g moduleName 命令

  1. 安装模块到全局,不会在项目node_modules目录中保存模块包。
  2. 不会将模块依赖写入devDependencies或dependencies 节点。
  3. 运行 npm install 初始化项目时不会下载模块。

npm install -save moduleName 命令

  1. 安装模块到项目node_modules目录下。
  2. 将模块依赖写入dependencies 节点。
  3. 运行 npm install 初始化项目时,会将模块下载到项目目录下。
  4. 运行npm install --production或者注明NODE_ENV变量值为production时,会自动下载模块到node_modules目录中。

npm install -save-dev moduleName 命令

  1. 安装模块到项目node_modules目录下。
  2. 将模块依赖写入devDependencies 节点。
  3. 运行 npm install 初始化项目时,会将模块下载到项目目录下。
  4. 运行npm install --production或者注明NODE_ENV变量值为production时,不会自动下载模块到node_modules目录中。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前文章:npm--save和--save-dev区别-创新互联
文章网址:http://kswsj.cn/article/ddsicg.html

其他资讯