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 相关文章推荐
IE6与IE7中,innerHTML获取param的区别
Mar 15 Javascript
js中判断文本框是否为空的两种方法
Jul 31 Javascript
Jquery 一次处理多个ajax请求的代码
Sep 02 Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
Aug 06 Javascript
JavaScript中的Function函数
Aug 27 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
Nov 22 Javascript
解决微信小程序云开发中获取数据库的内容为空的方法
May 15 Javascript
使用JS判断页面是首次被加载还是刷新
May 26 Javascript
JS中超越现实的匿名函数用法实例分析
Jun 21 Javascript
Vue 列表上下过渡效果的实例代码
Jun 25 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
Jul 17 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
Aug 18 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根据传入参数合并多个JS和CSS文件的简单实现
2014/06/13 PHP
Thinkphp微信公众号支付接口
2016/08/04 PHP
php curl中gzip的压缩性能测试实例分析
2016/11/08 PHP
谈谈关于JavaScript 中的 MVC 模式
2013/04/11 Javascript
鼠标移动到图片名上,显示图片的简单实例
2013/07/14 Javascript
一个字符串反转函数可实现字符串倒序
2014/09/15 Javascript
JavaScript函数的一些注意要点小结及js匿名函数
2015/11/10 Javascript
Javascript中的对象和原型(二)
2016/08/12 Javascript
利用angular.copy取消变量的双向绑定与解析
2016/11/25 Javascript
Require.js的基本用法详解
2017/07/03 Javascript
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
2017/08/17 jQuery
微信小程序实现点赞、取消点赞功能
2018/11/02 Javascript
解决layer图标icon不加载的问题
2019/09/04 Javascript
解决vue 给window添加和移除resize事件遇到的坑
2020/07/21 Javascript
python根据给定文件返回文件名和扩展名的方法
2015/03/27 Python
python 函数传参之传值还是传引用的分析
2017/09/07 Python
python实现数据写入excel表格
2018/03/25 Python
python的中异常处理机制
2018/08/30 Python
在pytorch中查看可训练参数的例子
2019/08/18 Python
python支持多线程的爬虫实例
2019/12/21 Python
tensorflow 获取checkpoint中的变量列表实例
2020/02/11 Python
使用keras根据层名称来初始化网络
2020/05/21 Python
django下创建多个app并设置urls方法
2020/08/02 Python
灵活运用CSS3特性绘制简易版围棋效果
2016/09/28 HTML / CSS
卡西欧G-SHOCK英国官网: 防水防震手表
2018/01/08 全球购物
eDreams德国:南欧领先的在线旅游公司
2020/12/07 全球购物
C语言笔试集
2012/07/24 面试题
Java中各种基本数据类型的默认值都是什么
2016/12/22 面试题
如何现实servlet的单线程模式
2014/08/05 面试题
什么是servlet
2012/05/08 面试题
英语专业学子个人的自我评价
2013/10/02 职场文书
军训自我鉴定200字
2014/02/13 职场文书
主管竞聘书范文
2014/03/31 职场文书
个人合作协议书范本
2014/04/18 职场文书
追悼词范文大全
2015/06/23 职场文书
Vue elementUI表单嵌套表格并对每行进行校验详解
2022/02/18 Vue.js