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 相关文章推荐
基于jquery的跨域调用文件
Nov 19 Javascript
jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍
Jan 10 Javascript
Array 重排序方法和操作方法的简单实例
Jan 24 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
Oct 24 Javascript
js简单网速测试方法完整实例
Dec 15 Javascript
easyui 中的datagrid跨页勾选问题的实现方法
Jan 18 Javascript
通过button将form表单的数据提交到action层的实例
Sep 08 Javascript
three.js加载obj模型的实例代码
Nov 10 Javascript
jQuery HTML css()方法与css类实例详解
May 20 jQuery
详解webpack的clean-webpack-plugin插件报错
Oct 16 Javascript
微信小程序实现滚动Tab选项卡
Nov 16 Javascript
详解Vue router路由
Nov 20 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
提升PHP执行速度全攻略(下)
2006/10/09 PHP
ajax+php控制所有后台函数调用
2015/07/15 PHP
yii2.0框架实现上传excel文件后导入到数据库的方法示例
2020/04/13 PHP
SlideView 图片滑动(扩展/收缩)展示效果
2010/08/01 Javascript
js与jquery中获取当前鼠标的x、y坐标位置的代码
2011/05/23 Javascript
JavaScript中window.showModalDialog()用法详解
2014/12/18 Javascript
jQuery中:first-child选择器用法实例
2014/12/31 Javascript
jQuery实现带延迟效果的滑动菜单代码
2015/09/02 Javascript
基于Jquery和html5的7款个性化地图插件
2015/11/17 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
2015/12/04 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
2016/01/13 Javascript
分享javascript实现的冒泡排序代码并优化
2016/06/05 Javascript
jQuery实现链接的title快速出现的方法
2017/02/20 Javascript
纯JS实现轮播图
2017/02/22 Javascript
微信小程序手势操作之单触摸点与多触摸点
2017/03/10 Javascript
详解vuex 中的 state 在组件中如何监听
2017/05/23 Javascript
JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
2017/07/23 Javascript
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
2018/12/20 Javascript
用Python写王者荣耀刷金币脚本
2017/12/21 Python
python微信跳一跳系列之自动计算跳一跳距离
2018/02/26 Python
浅谈python日志的配置文件路径问题
2018/04/28 Python
Python实现iOS自动化打包详解步骤
2018/10/03 Python
详解python分布式进程
2018/10/08 Python
Python decorator拦截器代码实例解析
2020/04/04 Python
python实现图片素描效果
2020/09/26 Python
浅析python 通⽤爬⾍和聚焦爬⾍
2020/09/28 Python
matplotlib绘制鼠标的十字光标的实现(内置方式)
2021/01/06 Python
解决selenium+Headless Chrome实现不弹出浏览器自动化登录的问题
2021/01/09 Python
详解CSS3中border-image的使用
2015/07/18 HTML / CSS
CSS3 边框效果
2019/11/04 HTML / CSS
HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
2013/01/30 HTML / CSS
小学生考试获奖感言
2014/01/30 职场文书
教师党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
党支部审查意见
2015/06/02 职场文书
Win11快速关闭所有广告推荐
2022/04/19 数码科技
在虚拟机中安装windows server 2008的图文教程
2022/06/28 Servers