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实例教程(19) 使用HoTMetal(1)
Dec 23 Javascript
[原创]站长必须要知道的javascript广告代码
May 30 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
Apr 12 Javascript
js不完美解决click和dblclick事件冲突问题
Jul 16 Javascript
JS获得URL超链接的参数值实例代码
Jun 21 Javascript
Jquery绑定事件(bind和live的区别介绍)
Aug 23 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
Mar 13 Javascript
javascript实现粘贴qq截图功能(clipboardData)
May 29 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
Jan 06 Javascript
简单明了区分escape、encodeURI和encodeURIComponent
May 26 Javascript
微信小程序实现录音功能
Nov 22 Javascript
vue中destroyed方法的使用说明
Jul 21 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日历程序
2006/12/06 PHP
在php和MySql中计算时间差的方法
2011/04/22 PHP
PHP数组 为文章加关键字连接 文章内容自动加链接
2011/12/29 PHP
laravel自定义分页效果
2017/07/23 PHP
PHP使用Curl实现模拟登录及抓取数据功能示例
2018/04/27 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
jquery 图片Silhouette Fadeins渐显效果
2010/02/07 Javascript
js 获取站点应用名的简单实例
2016/08/18 Javascript
JavaScript正则表达式实例详解
2016/10/16 Javascript
jquery uploadify隐藏上传进度的实现方法
2017/02/06 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
2017/05/24 Javascript
微信小程序 监听手势滑动切换页面实例详解
2017/06/15 Javascript
vue.js移动端app实战1:初始配置详解
2017/07/24 Javascript
AngularJs 终极购物车(实例讲解)
2017/11/08 Javascript
vue.js实现带日期星期的数字时钟功能示例
2018/08/28 Javascript
Bootstrap 按钮样式与使用代码详解
2018/12/09 Javascript
vue-cli中安装方法(图文详细步骤)
2018/12/12 Javascript
Python3 操作符重载方法示例
2017/11/23 Python
Python cookbook(数据结构与算法)将多个映射合并为单个映射的方法
2018/04/19 Python
详解TensorFlow查看ckpt中变量的几种方法
2018/06/19 Python
Python可迭代对象操作示例
2019/05/07 Python
python3实现带多张图片、附件的邮件发送
2019/08/10 Python
在OpenCV里使用特征匹配和单映射变换的代码详解
2019/10/23 Python
Python获取指定网段正在使用的IP
2020/12/14 Python
巴西一家专门从事家居和装饰的连锁店:Camicado
2019/08/14 全球购物
JPA面试常见问题
2016/11/14 面试题
物业管理计划书
2014/01/10 职场文书
网络教育自我鉴定
2014/02/04 职场文书
学校消防演习方案
2014/02/19 职场文书
《故都的秋》教学反思
2014/04/15 职场文书
2014年医生工作总结
2014/11/21 职场文书
小学班主任经验交流材料
2014/12/16 职场文书
云台山导游词
2015/02/03 职场文书
您对思维方式了解多少?
2019/12/09 职场文书
用CSS3画一个爱心
2021/04/27 HTML / CSS
手残删除python之后的补救方法
2021/06/26 Python