vue浅尝-搭建vue-element-admin

最近公司想把一老项目做成前后端分离的，遂研究了一下vue等前端的东西。

在自己的计算机上搭建了一下。

一、环境

(1). windows10-64位

(2). node-v10.15.0

(3). npm-6.4.1

(4). python-2.7.13

 

二、步骤

(0). 首先得在NPM官网(https://www.npmjs.com/) 注册账号，要不然有些插件不能下载。
执行命令npm login登录

(1). npm install -g vue

(2). npm install -g  @vue/cli

(3). npm config list 查看一下npm 的配置信息
在prefix找到npm路径，并查看有没有vue.cmd文件，并将该路径添加到系统环境变量path里面

(4). npm install -g @vue/cli-init

(5). clone vue-element-admin代码

https://github.com/PanJiaChen/vue-element-admin

git clone https://github.com/PanJiaChen/vue-element-admin.git -b i18n

我拉取的是i18n分支，这个有中文版

(6). npm install --registry=https://registry.npm.taobao.org

可能会出现一些错误，见参考文档

(7). 修改vue.config.js配置

比如修改端口号等

const port = process.env.port || process.env.npm_config_port || 8888 // dev port

(8). npm run dev

 

参考：

0). https://github.com/PanJiaChen/vue-element-admin

1). https://blog.csdn.net/u011215669/article/details/82958778

2). https://blog.csdn.net/qq_33009107/article/details/93996783

3). http://www.pianshen.com/article/4970299156/