1.功能丰富的项目:https://github.com/PanJiaChen/vue-element-admin.git

因为我配置的时候,遇到许多的问题,用了一天半才启动的,所以安着他文档一步一步来。下面我梳理一下整个过程。

1.1.克隆项目,使用github工具克隆项目,没有的可以去下载:https://git-scm.com/download/win

# 克隆项目
git clone https://github.com/PanJiaChen/vue-element-admin.git

1.2.进入项目的根目录。

# 进入项目目录
cd vue-element-admin

1.3.安装项目的依赖包。执行的是根目录下的package.json文件,会下载package.json文件中"dependencies"和"devDependencies"中指定的包。

# 安装依赖
npm install

安装成功的话,会在项目的根目录出现node_modules目录,里面有很多的依赖包。关于install几个我遇到的问题以及我整理的解决方法(我就是卡这里的,遇到了几个问题)。

1.
错误信息:
npm ERR! Error while executing:
npm ERR! C:\Program Files\Git\mingw64\bin\git.EXE ls-remote -h -t git://github.c om/adobe-webplatform/eve.git
npm ERR!
npm ERR! fatal: unable to connect to github.com:
npm ERR! github.com[0: 52.69.186.44]: errno=Result too large
对策:
git config --global url."https://".insteadOf git:// 2.
错误信息:
ailed to connect to github.com port 443: Timed out
对策:
$ git config --global http.proxy https://username:password@proxyserverip:port
git config --get http.proxy 3.(这个不是这里遇到的,我自己先记录这里)
npx webpack -v
执行错误Error: Cannot find module 'webpack-cli' 对策:
需要全局安装webpack-cli
npm install webpack-cli -g

1.4.安装npm的淘宝镜像cnpm,这一步我跳过去了,我配置vue的开发环境是安装了一个全局的npm淘宝镜像。如果经过1.3还是安装包不成功,试试用cnpm,总之一个一个尝试着,看能能解决吧。

# 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

1.5.启动这个vue项目。

npm run dev

浏览器访问 http://localhost:9527,可以看到登录页面就成功了。

2.vue开发工具的选择。

eclipse开发工具:在eclipse的软件市场上搜索vue.js的插件,网上说这个插件不是免费,可以试用一个月。

Intellj idea开发工具:一直用eclipse,所以想换换新的工具。下载地址:https://www.jetbrains.com/idea/download/#section=windows

建议使用社区版(Community)的zip包,解压直接就可以用了,不用安装。

2.1.Intellj idea开发工具下载vue.js插件

如果是内网需要配置代理:File--Settings--搜索proxy--选择HTTP Proxy,进入到代理配置界面,选择Manual proxy configuratio,配置相关的代理服务器的ip和端口。

下载插件:File--Settings--Plugins--搜索vue.js--install. 重启Intellj idea

2.2.导入vue项目.

File--Open--选择项目的根路径

3.1.极其简单干净的模板,少的很多的功能以及依赖包:https://github.com/PanJiaChen/vue-admin-template.git

这个可以用当做基础的一个vue项,可以用来做项目的初始化。

3.2.vue极简模板(只有登录菜单):https://github.com/woai3c/vue-admin-template

vue学习过程总结(02)- 网上开源项目vue-element-admin的启动的更多相关文章

  1. 关于个人开源项目(vue app)的一些总结

    关于个人开源项目(vue app)的一些总结 项目地址 https://github.com/BYChoo/record 项目简介 此项目名叫:Record.是以Vue全家桶(vue,vue-rout ...

  2. [ABP开源项目]--vue+vuex+vue-router+EF的权限管理系统

    好久没写文字了,当然大家也不期待嘛,反正看代码就行了. 演示网站 首先说下这个项目吧. 如标题一样是基于VUE+.NET开发的框架,也是群友一直吼吼吼要一个vue版本的ABP框架. 我们先来看看首页吧 ...

  3. 进击中的Vue 3——“电动车电池范围计算器”开源项目

    转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. 原文参考:https://dzone.com/articles/build-a-tesla-battery- ...

  4. 一、Uniapp+vue+腾讯IM+腾讯音视频开发仿微信的IM聊天APP,支持各类消息收发,音视频通话,附vue实现源码(已开源)-项目引言

    项目文章索引 1.项目引言 2.腾讯云后台配置TXIM 3.配置项目并实现IM登录 4.会话好友列表的实现 5.聊天输入框的实现 6.聊天界面容器的实现 7.聊天消息项的实现 8.聊天输入框扩展面板的 ...

  5. 基于Spring Boot+Spring Security+JWT+Vue前后端分离的开源项目

    一.前言 最近整合Spring Boot+Spring Security+JWT+Vue 完成了一套前后端分离的基础项目,这里把它开源出来分享给有需要的小伙伴们 功能很简单,单点登录,前后端动态权限配 ...

  6. gin+vue的前后端分离开源项目

    该项目是gin+vue的前后端分离项目,使用gorm访问MySQL,其中vue前端是使用vue-element-admin框架简单实现的: go后台使用jwt,对API接口进行权限控制.此外,Web页 ...

  7. Vue学习手记01-安装和项目创建

    1.安装Vue  注:node版本必须大于等于8.9  vue-cli3.x:npm install -g @vue/cli  vue-cli2.x:npm install -g @vue/cli-i ...

  8. 微人事 star 数超 10k,如何打造一个 star 数超 10k 的开源项目

    看了下,微人事(https://github.com/lenve/vhr)项目 star 数超 10k 啦,松哥第一个 star 数过万的开源项目就这样诞生了. 两年前差不多就是现在这个时候,松哥所在 ...

  9. Android 开源项目 eoe 社区 Android 客户端(转)

    本文内容 环境 开源项目 eoe 社区 Android 客户端 本文介绍 eoe 社区 Android 客户端.它是一个开源项目,功能相对简单,采用侧边菜单栏.可以学习一下.点击此处查看 GitHub ...

随机推荐

  1. 基于6U CPCIe的TMS320C6678+KU060的信号处理板卡

    一.产品概述 基于6U CPCIe的C6678+KU060的信号处理板卡是新一代FPGA的高性能处理板卡.板卡采用一片TI DSP TMS320C6678和一片Xilinx公司 XCKU060-2FF ...

  2. 基于双TMS320C6678 DSP的3U VPX的信号处理平台

    一.板卡概述 板卡由我公司自主研发,基于3U VPX架构,处理板包含两片TI DSP TMS320C6678芯片:一片Xilinx公司的Spartan XC3S200AN 配置芯片: DSP之间通过 ...

  3. redis(一)-----初识redis

    Redis是一种基于键值对(key-value)的NoSQL数据库 因为Redis会将所有数据都存放在内存 中,所以它的读写性能非常惊人.不仅如此,Redis还可以将内存的数据利 用快照和日志的形式保 ...

  4. 类中的__getattr__ 与 __setattr__ 魔法方法

    1.__getattr__ 当我们访问一个不存在的属性的时候,会抛出异常,提示我们不存在这个属性.而这个异常就是__getattr__方法抛出的,其原因在于他是访问一个不存在的属性的最后落脚点,作为异 ...

  5. [LeetCode]1.Two Sum 两数之和(Java)

    原题地址:two-sum 题目描述: 给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target  的那 两个 整数,并返回它们的数组下标. 你可以假设每 ...

  6. Dubbo源码剖析一之整体架构设计

    Dubbo基础二之架构及处理流程概述 - 池塘里洗澡的鸭子 - 博客园 (cnblogs.com)中进行Dubbo职能上的简单介绍,下面就其内部进行详细探究: 1.Dubbo调用关系 这个图是不是很熟 ...

  7. 图解|12张图告诉你MySQL的主键查询为什么这么快

    这是图解MySQL的第3篇文章,这篇文章会让大家清楚地明白: 什么是InnoDB行格式?InnoDB页是什么? InnoDB页和InnoDB行格式都有哪些字段信息? 为什么推荐使用自增ID作为主键,而 ...

  8. java宝典笔记(一)

    第四章java基础知识 4.1基本概念 一.java优点 1.面向对象(封装.继承.多态) 2.可移植性.平台无关,一次编译,到处运行.Windows,Linux,macos等.java为解释性语言, ...

  9. .Net Core AOP之IExceptionFilter

    一.简介 在.net core 中Filter分为以下六大类: 1.AuthorizeAttribute(权限验证) 2.IResourceFilter(资源缓存) 3.IActionFilter(执 ...

  10. 【C# Task】理解Task中的ConfigureAwait配置同步上下文

    原文:https://devblogs.microsoft.com/dotnet/configureawait-faq/ 作者:Stephen 翻译:xiaoxiaotank 静下心来,你一定会有收获 ...