Vue2.0 从零开始_环境搭建操作步骤

内容摘要
这篇文章主要为大家详细介绍了Vue2.0 从零开始_环境搭建操作步骤,具有一定的参考价值,可以用来参考一下。
文章正文

这篇文章主要为大家详细介绍了Vue2.0 从零开始_环境搭建操作步骤,具有一定的参考价值,可以用来参考一下。

对此感兴趣的朋友,看看idc笔记做的技术笔记!

简要:继项目空闲后,开始着手vue的学习;为此向大家分享其中的艰辛和搭建办法,希望能够跟各位VUE大神学习探索,如果有不对或者好的建议告知下;*~*!

 

一、什么是VUE?

 

 

是一种node.js框架,特点如下:

 

 

 

1.数据绑定

(特性:双向绑定;一旦发生变化,Dom节点实时更新;PS:尽量抛弃JQ,次特点已经可以解决很多特效等问题)

 

 

2.组件化

(比如:乐高积木一样通过互相引用而组装起来)

 

 

二、开发环境

 

【图片暂缺】

 

三、环境搭建

 

 

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 从零开始_环境搭建操作步骤就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持php教程。

注:关于Vue2.0 从零开始_环境搭建操作步骤的内容就先介绍到这里,更多相关文章的可以留意

代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!