首頁 > web前端 > Vue.js > 主體

vue.js專案如何運作

coldplay.xixi
發布: 2020-11-17 18:22:13
原創
3832 人瀏覽過

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

vue.js專案如何運作

【相關文章推薦:vue.js

vue.js專案運行的方法:

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

vue.js專案如何運作

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

vue.js專案如何運作

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

vue.js專案如何運作

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

vue.js專案如何運作

vue.js專案如何運作

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

vue.js專案如何運作

vue.js專案如何運作

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

vue.js專案如何運作

vue.js專案如何運作

相關免費學習推薦:javascript(影片)

#

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板