Node.js与VUE安装及环境配置之Windows篇

Node.js安装及环境配置之Windows篇

https://www.cnblogs.com/zhouyu2017/p/6485265.html Node.js安装及环境配置之Windows篇
https://www.cnblogs.com/zhaomeizi/p/8483597.html windows环境搭建Vue开发环境
https://www.runoob.com/vue2/vue-install.html Vue.js 安装

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

用户变量 Path
D:\Program Files\nodejs\

NODE_PATH
D:\Program Files\nodejs\node_global\node_modules
系统变量
D:\Program Files\nodejs\node_global\

初始化Vue脚手架的指定顺序?

1. 安装node.js，配置环境变量
2. 基于 Node.js 安装cnpm（淘宝镜像）

npm install -g cnpm --registry=https://registry.npm.taobao.org

1. 安装Vue（install可以简写为i）

cnpm install vue -g或npm I vue -g

1. 安装vue命令行工具，即vue-cli 脚手架

cnpm install vue-cli -g

1. 进入物理目录初始化项目

d:

cd D:\Ansixing\WorkSpace\vueProject\

vue init webpack mywebpacktest

1. 运行脚手架

cnpm run dev

Vue.js是什么？

Vue.js 是美籍华人尤雨溪创作的，那会儿他还在 Google 工作，他自感 Angular.js 繁杂，进而自创了更为简洁易用的 Vue.js。

Vue.js 是一套构建用户界面的渐进式框架。

Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层

Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。

Vue框架很核心的功能就是双向的数据绑定。双向是指：HTML标签数据绑定到Vue对象，另外反方向数据也是绑定的。

vue-cli，这个工具可以让一个简单的命令行工具来帮助我快速地构建一个足以支撑实际项目开发的Vue环境

vue-cli的存在将项目环境的初始化工作与复杂度降到了最低。

语法糖 ，参考https://cn.vuejs.org/v2/guide/installation.html

v-bind 缩写

<!-- 完整语法 -->

<a v-bind:href="url">...</a>

<!-- 缩写 -->

<a :href="url">...</a>

v-on 缩写

<!-- 完整语法 -->

<a v-on:click="doSomething">...</a>

<!-- 缩写 -->

<a @click="doSomething">...</a>