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中文網其他相關文章!