vue.js專案如何運作

vue.js專案運行的方法：先下載並安裝node，並執行相關命令；然後選定目錄，選擇桌面來存放新建的專案；最後在桌面目錄下，在命令列中執行命令，初始化一個項目。

【相關文章推薦：vue.js】

vue.js專案運行的方法：

1、下載並安裝node，安裝過程很簡單，一路「下一步」就可以了，安裝完成之後，打開命令列工具，輸入node -v，如下圖，如果出現對應的版本號，則表示安裝成功。

2、npm套件管理器，是整合在node中的，所以，直接輸入 npm -v就會如下圖所示，顯示出npm的版本資訊。

3、在命令列中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然後等待。

4、在命令列中執行指令 cnpm install -g vue-cli ，然後等待安裝完成。透過以上三部，我們需要準備的環境和工具都準備好了，接下來就開始使用vue-cli來建置專案。

5、要建立項目，首先我們要選定目錄，然後再命令列中把目錄轉到選定的目錄。在這裡，我選擇桌面來存放新建的項目，則我們需要先把目錄cd到桌面。

6、在桌面目錄下，在命令列中執行指令 vue init webpack firstVue 。這個指令的意思是初始化一個項目，其中webpack是建構工具，也就是整個項目是基於webpack的。其中firstVue是整個專案資料夾的名稱，這個資料夾會自動產生在你指定的目錄中。

相關免費學習推薦：javascript（影片）

#

以上是vue.js專案如何運作的詳細內容。更多資訊請關注PHP中文網其他相關文章！