vue2项目搭建流程及npm

搭建流程

1.node环境安装
2.安装cli脚手架
1）npm install -g @vue/cli（-g表示全局安装）
2）也可以使用yarn安装，安装yarn（npm i -g yarn），检测yarn版本（yarn -v）
3）通过更改下载的镜像地址，在安装cli
3.创建项目vue create ****（项目名称：不支持驼峰）

npm安装模块时-g --save --save-dev有什么区别

使用 npm install 安装模块的模块的时候 ，一般会使用下面这几种命令形式：

• npm install moduleName # 安装模块到项目目录下

• npm install -g moduleName # -g 的意思是将模块安装到全局，具体安装到磁盘哪个位置，要看 npm config prefix 的位置，具体查看方法是在终端输入npm config edit，在弹出的文档中找到; prefix=C:\node，就是了。

• npm install -save moduleName # --save
  的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。

• npm install -save-dev moduleName # --save-dev
  的意思是将模块安装到项目目录下，并在package文件的devDependencies节点写入依赖。

下边对四种情况作了对比：

npm install moduleName 命令

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

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目录中。

总结

devDependencies 节点下的模块是我们在开发时需要用的，比如项目中使用的 gulp ，压缩css、js的模块，这些模块在我们的项目部署后是不需要的，所以我们可以使用 --save-dev 的形式安装。像 express 这些模块是项目运行必备的，应该安装在 dependencies 节点下，所以我们应该使用 --save 的形式安装。
最大的区别就是，在生产环境，使用npm install --production安装 dependencies 部分的模块,
在开发环境，npm i ，安装所有devDependencies 和 dependencies里面的模块
所以，在生产环境，就不需要安装 gulp ,webpack 这样的模块，可以通过这种方法区分

注意注意：在npm 5.x及更高版本中，npm install moduleName 命令已经默认将模块的依赖关系保存到适当的位置，不再需要显式使用 --save 或 --save-dev。

npm基本操作及命令讲解

• 安装模块 npm install moduleName

@：安装指定版本。例如，npm install moduleName@4.17.1
^：安装大版本号相同的最新版本。例如，^4.0.0表示安装4.x.x的最新版本。
~：安装小版本号相同的最新版本。例如，~4.17.0表示安装4.17.x的最新版本。
>：安装大于指定版本的最新版本。例如，>4.17.1表示安装大于4.17.1的最新版本。
<：安装小于指定版本的最新版本。例如，<4.17.1表示安装小于4.17.1的最新版本。
>=：安装大于等于指定版本的最新版本。例如，>=4.17.1表示安装大于等于4.17.1的最新版本。
<=：安装小于等于指定版本的最新版本。例如，<=4.17.1表示安装小于等于4.17.1的最新版本。

• 升级模块 npm update moduleName
• 删除模块 npm uninstall moduleName
• 初始化项目 npm init