vue学习之路一：安装vue-element-admin项目

今天看到一个vue网站，觉得很好，立马又有学习vue的冲动了，话不多说，直接贴项目网址：

https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.md

根据文档，第一步就是安装项目啦！

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

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

# 安装依赖
npm install

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

# 启动服务
npm run dev

到此为止，我们可以通过浏览器访问 http://localhost:9527

注意：如果你觉得每次都需要npm run dev觉得麻烦，直接想在webstrom里边运行，并直接开发，那么请参考一下webstrom设置（参考：https://jingyan.baidu.com/article/d5c4b52b950c52da560dc50a.html）1.找到webstrom界面的左下角的npm并点击，可以看到一个工具框2.点击start就可以启动项目了，下面的框内是启动的进程

3.点击图片所示的红框按钮可以重启项目

4.点击图片所示的红框按钮可以关闭项目

5.还有一个常用的功能就是vue项目打包，点击build即可。

未完待续...期待后续更新



 






 



原文地址：https://www.cnblogs.com/lynna/p/10676947.html
				


				
时间： 2024-10-26 18:14:29 

		


		


	

	
	

		


		
vue学习之路一：安装vue-element-admin项目的相关文章


						

		

			

                后端开发者的Vue学习之路（二）
			

		

		

									

				目录 上篇内容回顾: 数据绑定 表单输入框绑定 单行文本输入框 多行文本输入框 复选框checkbox 单选框radio 选择框select 数据绑定的修饰符 .lazy .number .trim 样式绑定 class绑定 对象语法: 数组语法: style绑定 对象语法: 数组语法: 补充: 事件 绑定事件 事件修饰符 按键修饰符 事件绑定的简写 补充: Vue指令 数组操作 官网的话 补充: Vue的元素复用问题 数据残留问题 问题的解决: 首发日期:2019-01-20 上篇内容回顾:			

		

	

				

		

			

                vue学习之路 - 4.基本操作（下）
			

		

		

									

				vue学习之路 - 4.基本操作(下) 简述:本章节主要介绍 vue 的一些其他常用指令. Vue 指令 这里将 vue 的指令分为系统内部指令(vue 自带指令)和用户自定义指令两种. 系统内部指令 v-if v-else v-else-if v-for v-on v-bind v-model 以上指令前面都已说明其作用,并且使用过,这里将不再赘述. 下面我们看看 vue 的一些其他常用指令的用法: 在学习 v-text 和 v-cloak 之前我们先看看{{ }}的使用所存在的问题. {{			

		

	

				

		

			

                C++学习——关于C++平台安装教程及新建项目
			

		

		

									

				C++学习 ——关于C++平台安装教程及新建项目 一.平台下载 (1)资源 作为一个新手,安装方便操作方便的,dev C++是个很不错的选择,但是我认为唯一不足的地方就是背景外观很难受(下面会解释一哈!). 下载资源放到了百度网盘, 链接:https://pan.baidu.com/s/1d1jVR7DXAtTnNc7W507Igw 提取码:9vdm 如果有问题可以联系我! 接下来是安装教程! (2)安装教程 ①网盘文件提取出来后. ②这里的语言能看懂的只有英文.(不过不用担心,之后会可以设置成			

		

	

				

		

			

                Vue学习之路1-集成环境安装
			

		

		

									

				1.前言 Vue 是一款友好的.多用途且高性能的javascript框架,与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用,它能够帮你创建可维护性和可测试性更强的代码库,Vue是渐进式的javascript框架库. 2.安装简介 Vue集成环境三大核心组件:node.js,npm,vue. 3.node.js安装 下载地址:https://nodejs.org/en/download/,根据操作系统选择实际需要的后缀名为.msi快捷安装包进行安装.node工具安装包括了npm工具,安			

		

	

				

		

			

                vue学习之路 - 1.初步感知
			

		

		

									

				一.安装 这里使用node的npm包管理工具进行操作.操作前请先下载node. 在工程文件夹中使用以下命令安装vue: npm install vue 如下图所示:我在 helloworld 文件夹中安装vue: //  Vue不支持IE8及其以下版本,因为Vue使用了IE8不能模拟的ECMAScript5特性.Vue.js支持所有兼容ECMAScript5的浏览器. 二.Vue初步感知 1.Hello World 初步认识:vue相当于一个高级的模板引擎 1 <!DOCTYPE html>			

		

	

				

		

			

                vue学习之路之需要了解的知识汇总
			

		

		

									

				一.vue是什么? 相关网页:  https://vuejs.bootcss.com/v2/guide/       及菜鸟教程       https://www.runoob.com/vue2/vue-tutorial.html vue.js是一套构建用户界面的渐进式框架:它只关注图层,采用自底向上增量开发的设计:它的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件.vue完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用.其实抛开官方的一些不知所云的说			

		

	

				

		

			

                Vue学习之路---No.2（分享心得，欢迎批评指正）
			

		

		

									

				昨天我们大致了解了有关Vue的基础知识和语法:今天我们继续在大V这条路上前进. 首先,我们回忆一下昨天提到的相关知识点: 1.了解Vue的核心理念------"数据驱动视图" 2.了解Vue的特色功能-------"双向绑定" 3.了解Vue的基础语法-------"{{bigSurprise}},el:'',data{},vm.project,method{},等 首先,昨天我们提到了很好用的双向绑定,但是如果在某些情况下我们不需要双向绑定应该怎么办呢,			

		

	

				

		

			

                vue学习笔记（四）——Vue实例以及生命周期
			

		

		

									

				1.构造器(实例化) var vm = new Vue({ //选项 |-------DOM |   |-------el (提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标.) |   |-------template (一个字符串模板作为 Vue 实例的标识使用.模板将会 替换 挂载的元素.挂载元素的内容都将被忽略,除非模板的内容有分发 slot.) |   |-------render (字符串模板的代替方案,允许你发挥 JavaScript 最大的编程能力.) |---			

		

	

				

		

			

                vue开发搭建（npm安装 + vue脚手架安装）
			

		

		

									

				一.概念 1.npm:  Nodejs下的包管理器. 2.webpack: 它主要的用途是通过CommonJS的语法,把所有浏览器端需要发布的静态资源,做相应的准备,比如资源的合并和打包. 3.vue-cli:   用户生成Vue工程模板.(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装) 原文:https://www.cnblogs.com/goldlong/p/8027997.html (部分步骤有些修改) 参考文:htt