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 相关文章推荐
js 实现无缝滚动 兼容IE和FF
Jul 15 Javascript
Extjs学习笔记之八 继承和事件基础
Jan 08 Javascript
JavaScript中“过于”犀利地for/in循环使用示例
Oct 22 Javascript
浅析offsetLeft,Left,clientLeft之间的区别
Nov 30 Javascript
JS实现点击按钮获取页面高度的方法
Nov 02 Javascript
Javascript typeof与instanceof的区别
Oct 18 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
Dec 08 Javascript
从零学习node.js之利用express搭建简易论坛(七)
Feb 25 Javascript
node.js实现微信JS-API封装接口的示例代码
Sep 06 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
Apr 04 Javascript
layui输入框中只允许输入整数的实现方法
Sep 18 Javascript
vue3中provide && inject的使用
Jul 01 Vue.js
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
关于更改Zend Studio/Eclipse代码风格主题的介绍
2013/06/23 PHP
PHP zip扩展Linux下安装过程分享
2014/05/05 PHP
PHP实现简单实用的分页类代码
2016/04/08 PHP
jquery按回车提交数据的代码示例
2013/11/05 Javascript
checkbox全选所涉及到的知识点介绍
2013/12/31 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
2015/02/02 Javascript
15款jQuery分布引导插件分享
2015/02/04 Javascript
js实现类似jquery里animate动画效果的方法
2015/04/10 Javascript
javascript中不易分清的slice,splice和split三个函数
2016/03/29 Javascript
详解Node.js项目APM监控之New Relic
2017/05/12 Javascript
yarn的使用与升级Node.js的方法详解
2017/06/04 Javascript
JS如何在不同平台实现多语言方式
2020/07/16 Javascript
[01:20]DOTA2 2017国际邀请赛冠军之路无止竞
2017/06/19 DOTA
[56:56]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.22
2019/09/05 DOTA
详解Python多线程Selenium跨浏览器测试
2017/04/01 Python
Python创建对称矩阵的方法示例【基于numpy模块】
2017/10/12 Python
Python 如何优雅的将数字转化为时间格式的方法
2019/09/26 Python
python 表格打印代码实例解析
2019/10/12 Python
Python实现报警信息实时发送至邮箱功能(实例代码)
2019/11/11 Python
导入tensorflow:ImportError: libcublas.so.9.0 报错
2020/01/06 Python
解决tensorflow训练时内存持续增加并占满的问题
2020/01/19 Python
Python3+selenium实现cookie免密登录的示例代码
2020/03/18 Python
简述python&pytorch 随机种子的实现
2020/10/07 Python
python3从网络摄像机解析mjpeg http流的示例
2020/11/13 Python
python 实现超级玛丽游戏
2020/11/25 Python
matplotlib绘制正余弦曲线图的实现
2021/02/22 Python
css3过渡_动力节点Java学院整理
2017/07/11 HTML / CSS
美国东北部户外服装和设备零售商:Eastern Mountain Sports
2016/10/05 全球购物
奢华时尚的创新平台:Baltini
2020/10/03 全球购物
如何在C# winform中异步调用web services
2015/09/21 面试题
工程造价与财务管理专业应届生求职信
2013/10/06 职场文书
营销与策划应届生求职信
2013/11/04 职场文书
应届生保险求职信
2013/11/11 职场文书
企业整改报告范文
2014/11/08 职场文书
2015年扫黄打非工作总结
2015/05/13 职场文书
Vue中Object.assign清空数据报错的解决方案
2022/03/03 Vue.js