問題描述

最近在學習Vue的框架，Vue 是一套用于構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層，不僅易于上手，還便于與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為復雜的單頁應用提供驅動。但初學者剛接觸框架的時候怎么創建Vue項目呢?

解決方案

Vue的腳手架是依賴于node.js，我們先要安裝node.js，但是node.js到底是什么呢?可以用一句話概括：node.js是可以讓JavaScript在服務器端運行起來的環境，對于我們剛剛接觸的小白來說，可能會有這樣的疑問：Vue和node.js有什么關系?我使用Vue寫前端頁面，難道一定需要安裝node.js嗎?我們也可以不使用node.js，但隨著學習的深入，會了解到使用腳手架快速搭建自己的前端項目，所以搭建vue環境必須得安裝node.js，總的來說;搭建vue項目需要node.js環境(npm包管理器)、vue-cli 腳手架構建工具、cnpm npm的淘寶鏡像。

接下來就是展示項目搭建的過程：

從node.js官網下載并安裝node，安裝過程很簡單，一路“下一步”就可以了(傻瓜式安裝)。安裝完成之后，打開命令行工具，輸入 node -v，如下圖，如果出現相應的版本號，則說明安裝成功。

npm包管理器，是集成在node中的，所以，直接輸入 npm -v就會如下圖所示，顯示出npm的版本信息。node環境已經安裝完成，npm包管理器也有了。由于某些資源被屏蔽的原因經常會導致用npm安裝依賴包的時候失敗，所以還需要npm的國內鏡像---cnpm。在命令行中輸入npm install -g cnpm–registry=https://registry.npm.taobao.org安裝完成如下圖。

完成之后，我們就可以用cnpm代替npm來安裝依賴包了。在命令行中運行命令 cnpm install -g vue-cli，然后等待安裝完成。在命令行中運行命令 vue initwebpack firstVue 。解釋一下這個命令，這個命令的意思是初始化一個項目，其中webpack是構建工具，也就是整個項目是基于webpack的。其中firstVue是整個項目文件夾的名稱，這個文件夾會自動生成在你指定的目錄中(我的實例中，會在桌面生成該文件夾)，如下圖。

安裝完成之后，會在我們的項目目錄文件夾中多出一個node_modules文件夾，這里邊就是我們項目需要的依賴包，基本上項目搭建就完成了。如果還需要了解更深的vue的搭建還需要進一步探索學習。