Vue 之 npm 及 安装的包

1  npm相关

1.1 npm 是 基于Node.js 的，所以要先安装Node.js

在浏览器地址栏输入 https://nodejs.org/en/ , 进入 Node.js 官网后，点击下载左边的稳定版本，如下图所示：

1.2  npm 管理工作目录

对于要创建Vue项目的工作目录先通过 "npm init -y"的命令进行管理

1.3  npm 下载依赖包

npm install(可以简写成 i）包的名称 @xxx(@xxx是包的版本)

1.4  npm 卸载包

npm uninstall 包名称

1.5  npm 更新包

npm update 包名称

2、webpack相关

2.1 webpack的安装

npm install webpack  webpack-cli(现在的webpack是和webpack-cli共同使用的）

npm install -g webpack  全局安装

2.2  webpack的模式切换

webpack --mode development　　开发环境下的　　文件打包不压缩

webpack --mode production　　生产环境下的　　将文件压缩

2.3  默认的入口文件

src文件夹下的index.js文件

2.4  默认的出口文件

dist文件夹下的main.js文件

3、vue-cli相关

3.1  vue-cli的安装

npm install -g vue-cli　　全局安装

指定文件下  npm install vue　　局部安装

3.2  创建一个webpack打包的项目

vue init webpack  项目名称

3.3  运行项目

创建完成之后：

cd 到这个文件下

npm run dev 运行这个项目

3.4  打包文件

npm run build