1, npm安装就是安装模块,npm dev就运行是执行npm脚本中的命令。当我们执行npm命令的时候,它到哪里去找,这就要说到每个节点项目中都有的核心文件包。json文件。
2项目刚刚开始时,就要创建package.json这个文件,可以进入项目目录手动创建,就和创建一个txt文件一样(不建议),使用命令行创建:npm init,然后一路回车,填信息,就可以了。
3,几个填写字段:
名称项目名称,你可能在项目中使用过var=需要表达(表达),要求函数后面的参数,就是包。json中的名字字段,所以这一个名字定要简短,且不能有大写,这是规定。
版本版本号:安装一个模块的时候,你可能指定过特定的版本号,npm表达@4.13.2,安装版本号4.13.2就是我们这里的版本。版本号有三个组成部分,4:表示的是大版本,一般是重大升级13:表示的是小版本,在大版本的基础进行的小的更新,如某个功能废弃了,新增了那个功能。2:对该版本进行补丁,主要是版本错误的修复。
脚本:我们在命令行中执行的所有命令都写在这个地方,然后用npm跑去执行这个命令。
4项目初始化完成,开始开发。安装依赖(第三方库和框架),安装用的命令是npm安装
npm安装,节省会把依赖包名称添加到包中。json文件默认为依赖键下
npm安装——save-dev把依赖包名称添加到包中。json文件devDependencies键下
devDependencies下列出的模块,是我们开发时用的,比如我们安装js的压缩包gulp-uglify时,我们采用的是“npm安装-save-dev gulp-uglify”命令安装,因为我们在发布后用不到它,而只是在我们开发才用到它.dependencies下的模块,则是我们发布后还需要依赖的模块,譬如像jQuery库或者角框架类似的,我们在开发完后肯定还要依赖它们,否则就运行不了。其实就是我们在使用webpack开发时,它配置文件里所有的依赖,都是开发依赖。
5,运行webpack命令时,一定要指定模式。
webpack——模式开发
webpack——模式生产
dev是开发(开发)的简写。
6, npm安装- g全局安装(全球)和本地安装(本地)的区别
带不带- g参数的区别。
带了g说明全局安装。不带说明安装在当前目录
。npm安装xxx - g时,模块将被下载安装到【全局目录】中
【全局目录】通过npm配置设置前缀“目录路径“;来设置。
比如说,当我们使用了npm安装- g表达安装了表达框架后,我们就可以在电脑里的某一个文件夹下,打开控制台,直接使用表达mvc创建项目,否则会遇到“‘表达’不是内部或外部命令,也不是可运行的程序”错误。
b。npm安装xxx,则是将模块下载到当前命令行所在目录。
c: \ 123祝辞npm安装xxx//将会安装到c: \ 123 \ node_modules \ xxx
<强>全局安装完后可以在控制台直接的使用,本地安装的是项目开发过程中需要的依赖模块
<代码>本地安装 1. 将安装包放在。/node_modules下(运行npm时所在的目录) 2. 可以通过需要()来引入本地安装的包(按需引入) 全局安装 1. 将安装包放在/usr/local下 2. 可以直接在命令行里使用
7日生成环境——正式上线的环境
一般安装的有:vue, vue-router, vuex, jquery
开发环境,本地进行开发调试的环境
一般安装的有:巴别塔,吞咽,webpack,
,
npm安装moduleName命令
-
<李>安装模块到项目node_modules目录下。
<李> <>强不会将模块依赖写入devDependencies或依赖节点。
<李>运行npm安装初始化项目时不会下载模块。因为配置文件里面没有任何的包管理,可能会报的错,如果别人项目需要jquery,而他是全局安装的,项目里没写入,那么由于没有安装金桥,那么可能会报错李
npm安装- g moduleName命令
-
<李>安装模块到全局,不会在项目node_modules目录中保存模块包。
<李> <>强不会将模块依赖写入devDependencies或依赖节点。
<李>运行npm安装初始化项目时不会下载模块。
npm安装保存moduleName命令
-
<李>安装模块到项目node_modules目录下。
<李> <>强会将模块依赖写入依赖性节点。
<李>运行npm安装初始化项目时,会将模块下载到项目目录下。
<李>运行npm——生产或安装者注明NODE_ENV变量值为生产时,会自动下载模块到node_modules目录中。
npm安装-save-dev moduleName命令
-
<李>安装模块到项目node_modules目录下。
