pig-ui的运行环境小札

一.环境准备

1.1 node下载

        Node下载地址：https://nodejs.org/en/download/

       

1.2 node安装

    双击.exe进行安装就好

1.3 node验证

1.4 npm 镜像切换

 众所周知的原因，国外的很多东西国内的网无法直接访问，为了能够下载下来，需要使用淘宝镜像

//切换淘宝镜像
npm config set registry ry https://registry.npm.taobao.org
//使用淘宝cnpm
npm i -g cnpm

可使用npm info underscore命令进行查看，当出现淘宝字样表示成功

2 安装webpack

2.1 全局安装方式

//全局安装
npm install webpack -g

2.2 项目组安装

// 进入项目目录
// 确定已经有 package.json，没有就通过 npm init 创建
// 安装 webpack 依赖
// npm install webpack --save-dev

2.3 安装webpack-cli 

npm install webpack-cli -g

2.4 查看webpack版本

webpack -v

 

3 安装yarn ,npm的第三方插件

//在NPM 中安装
npm install -g yarn
//设置镜像源
yarn config set registry https://registry.npm.taobao.org

4 安装vue3.0

4.1 安装

// 安装最新稳定版本vue
npm install vue
//  安装官方脚手架
npm install --global vue-cli

4.2 查看版本

vue -V