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>