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实现类似滑动门切换效果的层切换
Sep 23 Javascript
Ajax同步与异步传输的示例代码
Nov 21 Javascript
js中用window.open()打开多个窗口的name问题
Mar 13 Javascript
javascript随机之洗牌算法深入分析
Jun 07 Javascript
js的flv视频播放器插件使用方法
Jun 23 Javascript
jQuery实现下拉框选择图片功能实例
Aug 08 Javascript
webpack4 css打包压缩问题的解决
May 18 Javascript
vue项目动态设置页面title及是否缓存页面的问题
Nov 08 Javascript
详解JavaScript的数据类型以及数据类型的转换
Apr 20 Javascript
javascript用defineProperty实现简单的双向绑定方法
Apr 03 Javascript
Vue的props父传子的示例代码
May 20 Javascript
vue监听滚动事件的方法
Dec 21 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打开文件fopen函数的使用说明
2013/07/05 PHP
基于PHP的简单采集数据入库程序【续篇】
2014/07/30 PHP
如何把php5.3版本升级到php5.4或者php5.5
2015/07/31 PHP
Laravel中日期时间处理包Carbon的简单使用
2017/09/21 PHP
PHP7引入的"??"和"?:"的区别讲解
2019/04/08 PHP
PHP ElasticSearch做搜索实例讲解
2020/02/05 PHP
JavaScript小技巧 2.5 则
2010/09/12 Javascript
javascript中的缓动效果实现程序
2012/12/29 Javascript
JS组件系列之Bootstrap Icon图标选择组件
2016/01/28 Javascript
Angular.js回顾ng-app和ng-model使用技巧
2016/04/26 Javascript
jQuery EasyUI基础教程之EasyUI常用组件(推荐)
2016/07/15 Javascript
JS常用知识点整理
2017/01/21 Javascript
基于angular实现模拟微信小程序swiper组件
2017/06/11 Javascript
react-native-fs实现文件下载、文本存储的示例代码
2017/09/22 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
2018/08/29 Javascript
vue刷新页面时去闪烁提升用户体验效果的实现方法
2018/12/10 Javascript
浅谈JS中this在各个场景下的指向
2019/08/14 Javascript
vue 解决form表单提交但不跳转页面的问题
2019/10/30 Javascript
vue2路由方式--嵌套路由实现方法分析
2020/03/06 Javascript
pandas 两列时间相减换算为秒的方法
2018/04/20 Python
解决Python pandas df 写入excel 出现的问题
2018/07/04 Python
python+OpenCV实现车牌号码识别
2019/11/08 Python
英国床垫在线:Mattress Online
2016/12/07 全球购物
秋天的图画教学反思
2014/05/01 职场文书
信用社竞聘演讲稿
2014/05/16 职场文书
外联部演讲稿
2014/05/24 职场文书
家长学校培训材料
2014/08/20 职场文书
2014年工程部工作总结
2014/11/25 职场文书
2014年工程师工作总结
2014/11/25 职场文书
2015年乡镇妇联工作总结
2015/05/19 职场文书
导游词之镇江-金山寺
2019/10/14 职场文书
在 Golang 中实现 Cache::remember 方法详解
2021/03/30 Python
Python 实现定积分与二重定积分的操作
2021/05/26 Python
python图像处理基本操作总结(PIL库、Matplotlib及Numpy)
2021/06/08 Python
vue实现滑动解锁功能
2022/03/03 Vue.js
教你部署vue项目到docker
2022/04/05 Vue.js