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 类型转换方法
Oct 24 Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 Javascript
jQuery中add()方法用法实例
Jan 08 Javascript
JS使用cookie设置样式的方法
Jun 30 Javascript
JQuery 设置checkbox值二次无效的解决方法
Jul 22 Javascript
使用MUI框架模拟手机端的下拉刷新和上拉加载功能
Sep 04 Javascript
Vue2实时监听表单变化的示例讲解
Aug 30 Javascript
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
Mar 01 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
Apr 28 Javascript
JavaScript实现身份证验证代码实例
Aug 26 Javascript
jQuery cookie的公共方法封装和使用示例
Jun 01 jQuery
JS Object构造函数之Object.freeze
Apr 28 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
什么是调频(FM)、调幅(AM)、短波(SW)、长波(LW)
2021/03/01 无线电
一个MYSQL操作类
2006/11/16 PHP
PHP 批量更新网页内容实现代码
2010/01/05 PHP
限制ckeditor上传图片文件大小的方法
2013/11/15 PHP
浅析PHP的静态成员函数效率更高的原因
2014/06/13 PHP
PHP测试成功的邮件发送案例
2015/10/26 PHP
PHP使用Redis实现防止大并发下二次写入的方法
2017/10/09 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
在php的yii2框架中整合hbase库的方法
2018/09/20 PHP
javascript firefox不显示本地预览图片问题的解决方法
2008/11/12 Javascript
将string解析为json的几种方式小结
2010/11/11 Javascript
jquery click([data],fn)使用方法实例介绍
2013/07/08 Javascript
使用jquery的ajax需要注意的地方dataType的设置
2013/08/12 Javascript
JS删除字符串中重复字符方法
2014/03/09 Javascript
JavaScript数据类型详解
2015/04/01 Javascript
js实现模拟计算器退格键删除文字效果的方法
2015/05/07 Javascript
浅谈JavaScript的Polymer框架中的behaviors对象
2015/07/29 Javascript
jQuery Mobile框架中的表单组件基础使用教程
2016/05/17 Javascript
JS图片定时翻滚效果实现方法
2016/06/21 Javascript
详解Vue方法与事件
2017/03/09 Javascript
Vue下滚动到页面底部无限加载数据的示例代码
2018/04/22 Javascript
node.js中fs文件系统模块的使用方法实例详解
2020/02/13 Javascript
MySQL中表的复制以及大型数据表的备份教程
2015/11/25 Python
Python简单I/O操作示例
2019/03/18 Python
Python上下文管理器类和上下文管理器装饰器contextmanager用法实例分析
2019/11/07 Python
Flask项目中实现短信验证码和邮箱验证码功能
2019/12/05 Python
关于Pytorch的MNIST数据集的预处理详解
2020/01/10 Python
使用Python打造一款间谍程序的流程分析
2020/02/21 Python
利用python+ffmpeg合并B站视频及格式转换的实例代码
2020/11/24 Python
Python 多进程原理及实现
2020/12/21 Python
夏威夷灵感服装及配饰:Reyn Spooner
2018/09/18 全球购物
消防先进事迹材料
2014/02/10 职场文书
一年级语文上册复习计划
2015/01/17 职场文书
深入解析NumPy中的Broadcasting广播机制
2021/05/30 Python
Spring this调用当前类方法无法拦截的示例代码
2022/03/20 Java/Android
win10忘记pin密码登录不了怎么办?win10忘记pin密码登不进去的解决方法
2022/07/07 数码科技