1 npm 和 Vue

主要说明一下 node 的 npm 工具的使用

1. 常用参数说明

• -v 查看 npm 的版本号；
• -g 全局安装（global），安装之后可以直接在命令行中使用；
• npm root -g 查看全局安装的文件夹的位置；
• -S --save 安装包信息将加入到 dependencies（生产阶段的依赖）;
• -D --save-dev 安装包信息将加入到 devDependencies（开发阶段的依赖），所以开发阶段一般使用它；

2. 缩写

• i 是 install 的缩写；

3. 常用命令

1. 手动指定从某个镜像服务器获取资源；

# 通过指定的镜像服务器安装 express
npm install -gd express --registry=http://registry.npm.taobao.org

2. 配置默认的 npm 镜像服务器，配置完成后，使用 npm 命令安装时，就会默认通过镜像服务器来获取资源；

npm config set registry http://registry.npm.taobao.org

# 运行成功后，可以打开 /Users/t002/.npmrc 查看到下面的内容
# registry=http://registry.npm.taobao.org

3. 初始化

npm init -f 
# -f 表示跳过工程名版本号等信息的填写，采用默认的

4. 安装 cnpm

npm install -g cnpm --registry=http://registry.npm.taobao.org

5. 卸载

npm uninstall packageName
npm uni packageName

---

利用 Vue-cli2 创建项目

1. 创建一个项目

• 1. 准备工作，安装 vue-cli2 脚手架

npm install -g vue-cli

• 2. 查看是否安装成功（正常：2.9.6）

vue -V 

• 3. 创建并初始化项目

vue init webpack pojName

1. vue-router 必须安装;
2. ESLint 可不安装，后期即用即安装；

2. 运行项目（先进入到项目的根目录）

npm run dev

3. 单独安装 ESLint 到本项目的开发环境中

npm install eslint -D

---

利用 Vue-cli3 创建项目

1. 卸载 vue-cli2，并安装 vue-cli3

npm uni vue-cli -g
npm i -g @vue/cli

2. 创建项目

vue create pojName

3. 运行项目（先进入到项目的根目录）

npm run serve

升级 Node

1. 查看版本

node -v

2. 清除缓存

npm cache clean -f

3. 安装node版本管理工具 n

sudo npm install n -g

4. 使用版本管理工具安装指定node或者升级到最新node版本

n stable # 安装最新版
n 10.10.0 # 可以安装node指定版本 sudo n 10.10.0