Vue2.0 从零开始_环境搭建操作步骤


Posted in Javascript onJune 14, 2017

简要:继项目空闲后,开始着手vue的学习;为此向大家分享其中的艰辛和搭建办法,希望能够跟各位VUE大神学习探索,如果有不对或者好的建议告知下;*~*!

一、什么是VUE?

是一种node.js框架,特点如下:

1.数据绑定 (特性:双向绑定;一旦发生变化,Dom节点实时更新;PS:尽量抛弃JQ,次特点已经可以解决很多特效等问题)

2.组件化(比如:乐高积木一样通过互相引用而组装起来)

二、开发环境

Vue2.0 从零开始_环境搭建操作步骤

三、环境搭建

1. 包管理器安装

(1) Homebrew安装 (mac 环境,win无法安装)

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

(2) node.js安装(win下前往node.js官网安装即可)

brew install nodejs  (mac 环境)

2. 相关安装指令

(1) 淘宝镜像(当npm下载相关扩展超时,最为快捷)

npm install -g cnpm --registry=https://registry.npm.taobao.org // 注册淘宝镜像 npm替换成cnpm使用即可

(2) 安装webpack

cnpm/npm install webpack -g

(3) 安装vue脚手架

cnpm/npm install vue-cli -g

(4) 初始化项目

vue init webpack 项目名字

(5) 安装项目依赖 (添加依赖或者删除时,须重新安装)

npm install

(6) 运行开发环境

npm run dev

(6) 运行运营环境

npm run build

Vue2.0 从零开始_环境搭建操作步骤

以上这篇Vue2.0 从零开始_环境搭建操作步骤就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
对象特征检测法判断浏览器对javascript对象的支持
Jul 25 Javascript
js 动态文字滚动的例子
Jan 17 Javascript
商城常用滚动的焦点图效果代码简单实用
Mar 28 Javascript
js获取客户端外网ip的简单实例
Nov 21 Javascript
JS控制图片翻转示例代码(兼容firefox,ie,chrome)
Dec 19 Javascript
javascript 闭包详解
Feb 15 Javascript
不得不分享的JavaScript常用方法函数集(下)
Dec 25 Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
Oct 25 Javascript
JS仿JQuery选择器功能
Mar 08 Javascript
JS传播事件、取消事件默认行为、阻止事件传播详解
Aug 14 Javascript
JS学习笔记之数组去重实现方法小结
May 29 Javascript
js实现指定时间倒计时效果
Aug 26 Javascript
jQuery.form.js的使用详解
Jun 14 #jQuery
ExtJs异步无法向外传值和赋值的完美解决办法
Jun 14 #Javascript
详解Vue爬坑之vuex初识
Jun 14 #Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
Jun 13 #Javascript
微信小程序调用PHP后台接口 解析纯html文本
Jun 13 #Javascript
vue时间格式化实例代码
Jun 13 #Javascript
详解vue slot插槽的使用方法
Jun 13 #Javascript
You might like
php 大数据量及海量数据处理算法总结
2011/05/07 PHP
PHP5.5和之前的版本empty函数的不同之处
2014/06/13 PHP
ThinkPHP框架搭建及常见问题(XAMPP安装失败、Apache/MySQL启动失败)
2016/04/15 PHP
基于jquery实现的鼠标滑过按钮改变背景图片
2011/07/15 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
2014/02/19 Javascript
JavaScript中使用Callback控制流程介绍
2015/03/16 Javascript
JS中常用的正则表达式
2016/09/29 Javascript
Bootstrap基本组件学习笔记之分页(12)
2016/12/08 Javascript
微信公众号 摇一摇周边功能开发
2016/12/08 Javascript
浅谈在Vue-cli里基于axios封装复用请求
2017/11/06 Javascript
wx-charts 微信小程序图表插件的具体使用
2019/08/18 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
[02:54]辉夜杯主赛事第二日败者组 iG.V赛后采访
2015/12/26 DOTA
[04:40]2016国际邀请赛中国区预选赛全程TOP10镜头集锦
2016/07/01 DOTA
[01:02:00]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第三场 1月24日
2021/03/11 DOTA
python Django模板的使用方法(图文)
2013/11/04 Python
Python八大常见排序算法定义、实现及时间消耗效率分析
2018/04/27 Python
django DRF图片路径问题的解决方法
2018/09/10 Python
Pycharm+Scrapy安装并且初始化项目的方法
2019/01/15 Python
Python 获取项目根路径的代码
2019/09/27 Python
python多进程(加入进程池)操作常见案例
2019/10/21 Python
Python实现栈的方法详解【基于数组和单链表两种方法】
2020/02/22 Python
Pandas读取csv时如何设置列名
2020/06/02 Python
css3 pointer-events 介绍详解
2017/09/18 HTML / CSS
html5开发三八女王节表白神器
2018/03/07 HTML / CSS
Steve Madden官网:美国鞋类品牌
2017/01/29 全球购物
声明struct x1 { . . . }; 和typedef struct { . . . }x2;有什么不同
2012/06/02 面试题
四年的个人工作自我评价
2013/12/10 职场文书
会议邀请函范文
2014/01/09 职场文书
自我介绍演讲稿
2014/01/15 职场文书
心理学专业求职信
2014/06/16 职场文书
党性心得体会
2014/09/03 职场文书
2014年作风建设剖析材料
2014/10/23 职场文书
2015年员工试用期工作总结
2014/12/12 职场文书
煤矿施工安全协议书
2016/03/22 职场文书
centos8安装nginx1.9.1的详细过程
2021/08/02 Servers