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 相关文章推荐
求解开jscript.encode代码的asp函数
Feb 28 Javascript
Javascript 陷阱 window全局对象
Nov 26 Javascript
jquery连缀语法如何实现
Nov 29 Javascript
禁用Tab键JS代码兼容Firefox和IE
Apr 18 Javascript
基于jQuery实现仿淘宝套餐选择插件
Mar 04 Javascript
使用Web Uploader实现多文件上传
Jun 08 Javascript
JS经典正则表达式笔试题汇总
Dec 15 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
Jun 20 Javascript
修改UA在PC中访问只能在微信中打开的链接方法
Nov 27 Javascript
Node.js readline模块与util模块的使用
Mar 01 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
Apr 30 Javascript
layui 富文本编辑器和textarea值的相互传递方法
Sep 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
非洲第一个咖啡超凡杯大赛承办国—卢旺达的咖啡怎么样
2021/03/03 咖啡文化
解析php中用PHPMailer来发送邮件的示例(126.com的例子)
2013/06/24 PHP
php正则preg_replace_callback函数用法实例
2015/06/01 PHP
PHP中的命名空间详细介绍
2015/07/02 PHP
PHP中include和require的区别实例分析
2017/05/07 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
PHP读取文件,解决中文乱码UTF-8的方法分析
2020/01/22 PHP
用js得到网页中所有的div的id
2020/10/19 Javascript
使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
2010/05/07 Javascript
jquery使用ColorBox弹出图片组浏览层实例演示
2013/03/14 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
2015/06/10 Javascript
javascript最基本的函数汇总
2015/06/25 Javascript
javascript常用功能汇总
2015/07/05 Javascript
一次$.getJSON不执行的简单记录
2016/07/19 Javascript
js通过classname来获取元素的方法
2016/11/24 Javascript
JS获得一个对象的所有属性和方法实例
2017/02/21 Javascript
javascript 封装Date日期类实例详解
2017/05/28 Javascript
nodejs多版本管理总结
2018/04/03 NodeJs
详解Vue 多级组件透传新方法provide/inject
2018/05/09 Javascript
jQuery+Datatables实现表格批量删除功能【推荐】
2018/10/24 jQuery
jQuery选择器之基本过滤选择器用法实例分析
2019/02/19 jQuery
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
2020/01/19 Javascript
小程序实现简单语音聊天的示例代码
2020/07/24 Javascript
python 判断自定义对象类型
2009/03/21 Python
基于python分析你的上网行为 看看你平时上网都在干嘛
2019/08/13 Python
numpy.linalg.eig() 计算矩阵特征向量方式
2019/11/29 Python
Python sys模块常用方法解析
2020/02/20 Python
python 中的命名空间,你真的了解吗?
2020/08/19 Python
在Ajax应用中信息是如何在浏览器和服务器之间传递的
2016/05/31 面试题
党员四风剖析材料
2014/08/27 职场文书
生物工程专业求职信
2014/09/03 职场文书
2014年党支部书记工作总结
2014/12/04 职场文书
python pyhs2 的安装操作
2021/04/07 Python
手把手教你怎么用Python实现zip文件密码的破解
2021/05/27 Python
Python自动化之批量处理工作簿和工作表
2021/06/03 Python
Redis之RedisTemplate配置方式(序列和反序列化)
2022/03/13 Redis