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 相关文章推荐
jQuery实现切换页面布局使用介绍
Oct 09 Javascript
不要使用jQuery触发原生事件的方法
Mar 03 Javascript
jquery库或JS文件在eclipse下报错问题解决方法
Apr 17 Javascript
jquery通过visible来判断标签是否显示或隐藏
May 08 Javascript
Jquery中CSS选择器用法分析
Feb 10 Javascript
javascript中substring()、substr()、slice()的区别
Aug 30 Javascript
基于javascript实现九九乘法表
Mar 27 Javascript
AngularJS基础 ng-mouseover 指令简单示例
Aug 02 Javascript
Javascript中将变量转换为字符串的三种方法
Sep 19 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
Dec 26 Javascript
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)
Oct 23 Javascript
JavaScript数组类型Array相关的属性与方法详解
Sep 08 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下关于Cannot use a scalar value as an array的解决办法
2010/08/08 PHP
php微信支付之APP支付方法
2015/03/04 PHP
Yii控制器中操作视图js的方法
2016/07/04 PHP
PHP实现新型冠状病毒疫情实时图的实例
2020/02/04 PHP
仿163填写邮件地址自动显示下拉(无优化)
2008/11/05 Javascript
js 模拟实现类似c#下的hashtable的简单功能代码
2010/01/24 Javascript
基于js disabled="false"不起作用的解决办法
2013/06/26 Javascript
js取得html iframe中的元素和变量值
2014/06/30 Javascript
Javascript获取随机数的实现方法
2016/06/22 Javascript
d3.js实现简单的网络拓扑图实例代码
2016/11/06 Javascript
Node.js中 __dirname 的使用介绍
2017/06/19 Javascript
Nodejs+angularjs结合multiparty实现多图片上传的示例代码
2017/09/29 NodeJs
vue按需加载组件webpack require.ensure的方法
2017/12/13 Javascript
小程序异步问题之多个网络请求依次执行并依次收集请求结果
2019/05/05 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
2019/06/04 Javascript
JavaScript 截取字符串代码实例
2019/09/05 Javascript
javascript 构建模块化开发过程解析
2019/09/11 Javascript
[53:52]EG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python入门之语句(if语句、while语句、for语句)
2015/01/19 Python
深入解析Python中的集合类型操作符
2015/08/19 Python
Python实现变量数值交换及判断数组是否含有某个元素的方法
2017/09/18 Python
python 显示数组全部元素的方法
2018/04/19 Python
Python进阶之@property动态属性的实现
2019/04/01 Python
python实现对象列表根据某个属性排序的方法详解
2019/06/11 Python
python实现银行管理系统
2019/10/25 Python
解决keras使用cov1D函数的输入问题
2020/06/29 Python
html5仿支付宝密码框的实现代码
2017/09/06 HTML / CSS
全球领先的美容用品专卖店:Beauty Plus Salon
2018/09/04 全球购物
Petmate品牌官方网站:宠物用品
2018/11/25 全球购物
Parfumdreams英国:香水和化妆品
2019/05/10 全球购物
自考毕业自我鉴定范文
2013/10/27 职场文书
仓库主管岗位职责
2014/03/02 职场文书
感恩教育活动总结
2014/05/05 职场文书
励志广播稿300字(5篇)
2014/09/15 职场文书
2015年公司工作总结
2015/04/25 职场文书
虚拟机linux端mysql数据库无法远程访问的解决办法
2021/05/26 MySQL