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学习笔记(九) js对象 设计模式
Jun 19 Javascript
jquery滚动条插件jScrollPane的使用介绍
Nov 08 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
Oct 10 Javascript
Angularjs 动态改变title标题(兼容ios)
Dec 29 Javascript
vue + socket.io实现一个简易聊天室示例代码
Mar 06 Javascript
JavaScript hasOwnProperty() 函数实例详解
Aug 04 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
Aug 21 Javascript
关于react-router/react-router-dom v4 history不能访问问题的解决
Jan 08 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
Jan 12 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 jQuery
JavaScript setInterval()与setTimeout()计时器
Dec 27 Javascript
JavaScript自定义超时API代码实例
Apr 30 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 静态变量与自定义常量的使用方法
2010/01/26 PHP
php中日期加减法运算实现代码
2011/12/08 PHP
PHP Web木马扫描器代码分享
2015/09/06 PHP
全面解析PHP面向对象的三大特征
2017/06/10 PHP
PHP实现爬虫爬取图片代码实例
2021/03/03 PHP
slice函数的用法 之不错的应用
2006/12/29 Javascript
在html页面上拖放移动标签
2010/01/08 Javascript
jquery触发a标签跳转事件示例代码
2013/07/21 Javascript
Javascript对象属性方法汇总
2013/11/21 Javascript
JavaScript常用脚本汇总(二)
2015/03/04 Javascript
Javascript中数组方法汇总(推荐)
2015/04/01 Javascript
jQuery中 prop() attr()使用详解
2015/05/19 Javascript
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
2016/06/02 Javascript
jQuery如何跳转到另一个网页 就这么简单
2016/12/28 Javascript
Node.js和Express简单入门介绍
2017/03/24 Javascript
NodeJS加密解密及node-rsa加密解密用法详解
2018/10/12 NodeJs
vue+koa2实现session、token登陆状态验证的示例
2019/08/30 Javascript
vue中注册自定义的全局js方法
2019/11/15 Javascript
JS apply用法总结和使用场景实例分析
2020/03/14 Javascript
Javascript实现打鼓效果
2021/01/29 Javascript
pycharm 将python文件打包为exe格式的方法
2019/01/16 Python
Python常见的pandas用法demo示例
2019/03/16 Python
win7下 python3.6 安装opencv 和 opencv-contrib-python解决 cv2.xfeatures2d.SIFT_create() 的问题
2019/10/24 Python
Python 内置变量和函数的查看及说明介绍
2019/12/25 Python
凯特方迪化妆品官网:Kat Von D Beauty
2016/11/15 全球购物
萨克斯第五大道英国:Saks Fifth Avenue英国
2019/04/01 全球购物
关键字final的用法
2013/10/02 面试题
介绍一下linux文件系统分配策略
2012/11/17 面试题
五一手机促销方案
2014/03/08 职场文书
个人租房协议书(范本)
2014/10/14 职场文书
打架赔偿协议书范本
2014/10/26 职场文书
企业介绍信范文
2015/01/30 职场文书
中考百日冲刺决心书
2015/09/22 职场文书
2019各种保证书范文
2019/06/24 职场文书
详解Nginx启动失败的几种错误处理
2021/04/01 Servers
如何正确理解python装饰器
2021/06/15 Python