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获取textarea中的光标位置
May 06 Javascript
Javascript与flash交互通信基础教程
Aug 07 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
Jun 05 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
Apr 25 Javascript
javascript实现存储hmtl字符串示例
Apr 25 Javascript
js使用循环清空某个div中的input标签值
Sep 29 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
Dec 19 Javascript
原生JS写Ajax的请求函数功能
Dec 22 Javascript
详解使用mpvue开发github小程序总结
Jul 25 Javascript
通过jquery的ajax请求本地的json文件方法
Aug 08 jQuery
Node.js操作MongoDB数据库实例分析
Jan 19 Javascript
vue中jsonp插件的使用方法示例
Sep 10 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设计模式之装饰器模式定义与用法详解
2018/04/02 PHP
js类 from qq
2006/11/13 Javascript
JavaScript Event学习第五章 高级事件注册模型
2010/02/07 Javascript
javascript offsetX与layerX区别
2010/03/12 Javascript
jquery animate图片模向滑动示例代码
2011/01/26 Javascript
如何使用Javascript正则表达式来格式化XML内容
2013/07/04 Javascript
js的touch事件的实际引用
2014/10/13 Javascript
jQuery+html5实现div弹出层并遮罩背景
2015/04/15 Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
2015/06/30 Javascript
Bootstrap零基础入门教程(三)
2016/07/18 Javascript
Bootstrap CSS布局之表单
2016/12/17 Javascript
js实现适合新闻类图片的轮播效果
2017/02/05 Javascript
微信小程序 Nginx环境配置详细介绍
2017/02/14 Javascript
网页中的图片查看器viewjs使用方法
2017/07/11 Javascript
Vue2.0 组件传值通讯的示例代码
2017/08/01 Javascript
JavaScript运行原理分析
2018/02/09 Javascript
在Angular中实现一个级联效果的下拉框的示例代码
2020/05/20 Javascript
全面解读Python Web开发框架Django
2014/06/30 Python
python算法表示概念扫盲教程
2017/04/13 Python
Tensorflow简单验证码识别应用
2017/05/25 Python
python利用smtplib实现QQ邮箱发送邮件
2020/05/20 Python
python中使用zip函数出现错误的原因
2018/09/28 Python
Python 实现Windows开机运行某软件的方法
2018/10/14 Python
python 统计一个列表当中的每一个元素出现了多少次的方法
2018/11/14 Python
python得到一个excel的全部sheet标签值方法
2018/12/10 Python
Python跳出多重循环的方法示例
2019/07/03 Python
对django layer弹窗组件的使用详解
2019/08/31 Python
Python 下载及安装详细步骤
2019/11/04 Python
Python:slice与indices的用法
2019/11/25 Python
Python logging模块异步线程写日志实现过程解析
2020/06/30 Python
django教程如何自学
2020/07/31 Python
收银员岗位职责
2014/02/07 职场文书
党员公开承诺书范文
2014/03/25 职场文书
小学一年级数学教学计划
2015/01/20 职场文书
青涩记忆观后感
2015/06/18 职场文书
创业计划书之冷饮店
2019/09/27 职场文书