上手搭建vue项目

      最近开始学vue,之前在mac电脑上搭建了vue-element-admin的项目.是英文版,偶然发现还有中文版的.于是着手搭建,步骤非常简单,就是有些时候在windows上编译打包就各种报错,特将包含完整包(包含node_modules)的项目保存下来,随时取用.

选择以这个vue项目来学习 主要是它的很多技术在实战中比较有用.比如它有以下特性

-国际化多语言
  - 多种动态换肤
  - 动态侧边栏（支持多级路由嵌套）
  - 动态面包屑
  - 快捷导航(标签页)
  - Svg Sprite 图标
  - 本地/后端 mock 数据
  - Screenfull全屏
  - 自适应收缩侧边栏

 

项目代码编译后如下:

需提前安装好git

node环境部署好的情况下,

执行以下命名即可轻松搭建

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

 cd vue-element-admin/


git branch -a

git checkout remotes/origin/i18n

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

npm install

npm run dev

 

搭建后运行

npm run dev

运行项目截图如下

 

  

 

 支持切换语言

github上有项目,如果想下载编译好的,可以在这里下载,包含所有的依赖包,免去安装各种报错烦恼