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 相关文章推荐
如何在Mozilla Gecko 用Javascript加载XSL
Jan 09 Javascript
js限制文本框输入长度两种限制方式(长度、字节数)
Dec 19 Javascript
js图片自动切换效果处理代码
May 07 Javascript
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
Nov 05 Javascript
JavaScript实现的简单烟花特效代码
Oct 20 Javascript
Vue 2中ref属性的使用方法及注意事项
Jun 12 Javascript
微信小程序图片轮播组件gallery slider使用方法详解
Jan 31 Javascript
记一次vue-webpack项目优化实践详解
Feb 17 Javascript
小程序自定义单页面、全局导航栏的实现代码
Mar 15 Javascript
javascript实现抢购倒计时程序
Aug 26 Javascript
搭建Vue从Vue-cli到router路由护卫的实现
Nov 14 Javascript
JS函数参数的传递与同名参数实例分析
Mar 16 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/10/09 PHP
关于查看MSSQL 数据库 用户每个表 占用的空间大小
2013/06/21 PHP
thinkphp模板的包含与渲染实例分析
2014/11/26 PHP
Joomla简单判断用户是否登录的方法
2016/05/04 PHP
驱动事件的addEvent.js代码
2007/03/27 Javascript
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
2013/04/26 Javascript
js动态创建表格,删除行列的小例子
2013/07/20 Javascript
jQuery分别获取选中的复选框值的示例
2014/06/17 Javascript
jQuery+ajax实现鼠标单击修改内容的思路
2014/06/29 Javascript
超级简单的jquery操作表格方法
2014/12/15 Javascript
深入解析JavaScript编程中的this关键字使用
2015/11/09 Javascript
js鼠标点击图片切换效果实现代码
2015/11/19 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
2016/01/26 Javascript
DeviceOne 让你一见钟情的App快速开发平台
2016/02/17 Javascript
浅谈JavaScript函数的四种存在形态
2016/06/08 Javascript
AngularJS中关于ng-class指令的几种实现方式详解
2016/09/17 Javascript
可输入文字查找ajax下拉框控件 ComBox的实现方法
2016/10/25 Javascript
Bootstrap缩略图与警告框学习使用
2017/02/08 Javascript
react router 4.0以上的路由应用详解
2017/09/21 Javascript
解决JavaScript layui 下拉框不显示的问题
2018/08/14 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
2019/03/26 Javascript
vue element 生成无线级左侧菜单的实现代码
2019/08/21 Javascript
layui 富文本编辑器和textarea值的相互传递方法
2019/09/18 Javascript
JS实现横向轮播图(初级版)
2020/06/24 Javascript
JS实现简易计算器
2020/02/14 Javascript
python中sleep函数用法实例分析
2015/04/29 Python
python批量修改文件夹及其子文件夹下的文件内容
2019/03/15 Python
python区分不同数据类型的方法
2019/10/14 Python
python实现密码验证合格程序的思路详解
2020/06/01 Python
您在慕尼黑的跑步商店:Lauf-bar
2019/10/11 全球购物
同事吵架检讨书
2014/02/05 职场文书
总经理工作职责范文
2014/03/14 职场文书
销售简历自我评价怎么写
2014/09/26 职场文书
餐厅服务员管理制度
2015/08/05 职场文书
《卖火柴的小女孩》教学反思
2016/02/19 职场文书
前端使用svg图片改色实现示例
2022/07/23 HTML / CSS