Vue學習筆記01_環境搭建

1.0 VUE的使用

1.1 直接用 <script> 引入VUE

從CDN網站 https://www.bootcdn.cn/vue/ 中，複製<script>標籤，將其粘貼到*.html文件中，即可直接使用。

1.2 經過npm安裝VUE

NPM 能很好地和諸如 webpack 或 Browserify 模塊打包器配合使用。同時 Vue 也提供配套工具來開發VUE單文件組件。在cmd中執行命令：npm install vue，至於如何安裝NPM，在下文中予以介紹。

2.0 VUE-CLI的安裝

2.1 使用NVM安裝Node.js

安裝及使用VUE-CLI能夠不依賴與Node.js，但考慮到，兩者的安裝具備必定的關聯性，而且我學習的時候用到了Node.js，這裏就一併介紹。
Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。 Node.js使用了一個事件驅動、非阻塞式I/O的模型（ Node.js的特性），使其輕量級又高效。 Node.js 的包管理器 nmp 是全球最大的開源庫生態系統。
安裝Node.js既能夠經過從Node.js官網直接下載的方式安裝（不推薦），也能夠經過 NVM 安裝Node.js（推薦）。

• 安裝NVM NVM：node.js version manager，用來管理 node 的版本。安裝的步驟以下：
  從 https://github.com/coreybutler/nvm-windows/releases 下載nvm-setup.zip文件，解壓安裝再設置環境變量便可。
• 安裝Node.js及npm 已經配置好的nvm環境變量，如今開始利用nvm安裝node.js，首先在cmd命令行中執行nvm install latest，此時便可下載最新版本的Node.js。下載完畢後，即可以使用Node.js了，也能夠使用npm了。 安裝過程能夠參考：https://www.cnblogs.com/shanefe/p/7859539.html
• 設置npm鏡像 考慮到網速問題，在中國大陸使用npm，建議採用國內鏡像。方法有兩種，一、修改npm源爲國內鏡像，二、啓用具備國內鏡像源的cnpm命令。淘寶NPM鏡像。安裝完成後，除了速度以外，cnpm與npm具備相同的功能。
  設置方法還能夠參考：http://www.javashuo.com/article/p-udvufhct-t.html

2.2 使用NPM安裝VUE-CLI

在cmd中執行命令：cnpm install -g @vue/cli，便可安裝CUE-CLI。