前端VUE环境搭建

一、前期准备

1. 安装node.js，进入官网安装即可

官方网址：http://nodejs.cn/
下载网址：http://nodejs.cn/download/

安装成功后，执行npm --version查看版本号即成功

2. 设置镜像

查看当前镜像：npm get registry

设置淘宝镜像镜像：npm config set registry https://registry.npmmirror.com

执行install命令：npm install -g cnpm --registry=https://registry.npmmirror.com

3.安装vue

卸载vue-cli

1 2	// 把下面这个命令粘贴到 cmd 或终端上执行 npm remove -g  @vue/cli

使用cnpm install 安装vue-cli 4.5.15

1 2	// 把下面这个命令粘贴到 cmd 或终端上执行 cnpm install -g @vue/[email protected]

查看是否安装成功

1 2	// 把下面这个命令粘贴到 cmd 或终端上执行 vue -V

 二、创建项目

命令行进入到创建项目的目录，执行

vue create 项目名

例：vue create vue_demo

三、安装一些组件

1. 安装elementUI

npm i element-ui -S

2. 安装axios

cnpm install axios -g

整合vue：

cnpm install --save axios vue-axios -g //-g:全局安装

插件：重试失败的请求：

cnpm install axios-retry -g //-g:全局安装

Vuejs 项目的 axios 插件:

a) 可以通过script标签引入，无需安装：

b) 通过命令安装：
cnpm install --save vue-axios-plugin -g //-g:全局安装

3.安装路由vue-router

npm install vue-router@4

4.安装国际化组件

npm install vue-i18n --S

备注：peer vue@"^3.0.0" from [email protected] 报错则是版本不匹配，可自行选择版本

展示所有i18n版本：npm view vue-i18n versions --json

安装5.0.0版本：npm install vue-i18n@5