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预览上传图片发现的问题的解决方法
Nov 25 Javascript
jQuery 获取URL的GET参数值的小例子
Apr 18 Javascript
浅析JavaScript中两种类型的全局对象/函数
Dec 05 Javascript
jQuery产品间断向下滚动效果核心代码
May 08 Javascript
javascript在IE下trim函数无法使用的解决方法
Sep 12 Javascript
原生JavaScript实现合并多个数组示例
Sep 21 Javascript
javascript引用类型之时间Date和数组Array
Aug 27 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
Oct 15 Javascript
详解前端构建工具gulpjs的使用介绍及技巧
Jan 19 Javascript
vuex操作state对象的实例代码
Apr 25 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
Aug 10 Javascript
JavaScript 继承 封装 多态实现及原理详解
Jul 29 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 7 vs HHVM 多角度比较
2016/02/14 PHP
php上传图片类及用法示例
2016/05/11 PHP
PHP读取大文件末尾N行的高效方法推荐
2016/06/03 PHP
JavaScript中的this实例分析
2011/04/28 Javascript
jquery实现网站超链接和图片提示效果
2013/03/21 Javascript
页面使用密码保护代码
2013/04/10 Javascript
Jquery带搜索框的下拉菜单
2013/05/06 Javascript
javascript中基本类型和引用类型的区别分析
2015/05/12 Javascript
JSON遍历方式实例总结
2015/12/07 Javascript
基于JavaScript实现移除(删除)数组中指定元素
2016/01/04 Javascript
javascript自定义滚动条实现代码
2020/04/20 Javascript
浅谈Javascript中的函数、this以及原型
2016/10/09 Javascript
详解JS中的快速排序与冒泡
2017/01/10 Javascript
Angular排序实例详解
2017/06/28 Javascript
Webpack性能优化 DLL 用法详解
2017/08/10 Javascript
浅谈 Vue 项目优化的方法
2017/12/16 Javascript
浅谈React碰到v-if
2018/11/04 Javascript
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
深入Node TCP模块的理解
2019/03/13 Javascript
[22:59]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
详解python3实现的web端json通信协议
2016/12/29 Python
浅谈对yield的初步理解
2017/05/29 Python
Python实现的下载网页源码功能示例
2017/06/13 Python
TensorFlow入门使用 tf.train.Saver()保存模型
2018/04/24 Python
用Python逐行分析文件方法
2019/01/28 Python
spark dataframe 将一列展开,把该列所有值都变成新列的方法
2019/01/29 Python
Python打开文件、文件读写操作、with方式、文件常用函数实例分析
2020/01/07 Python
Python使用循环神经网络解决文本分类问题的方法详解
2020/01/16 Python
Python imutils 填充图片周边为黑色的实现
2020/01/19 Python
使用javascript和HTML5 Canvas画的四渐变色播放按钮效果
2014/04/10 HTML / CSS
UNIX文件类型
2013/08/29 面试题
公司授权委托书范本
2014/04/03 职场文书
幼儿园小班见习报告
2014/10/31 职场文书
2015年办公室文秘工作总结
2015/04/30 职场文书
2015年高三毕业班班主任工作总结
2015/10/22 职场文书
Python使用OpenCV实现虚拟缩放效果
2022/02/28 Python