vue-安裝及新建一個項目


1.首先我們需要安裝node.js,下載地址是:https://nodejs.org/en/

之后是node.js的正常安裝步驟;

接着打開window+R輸入cmd回車進入命令行模塊

2.確認node.js是否安裝,輸入:node -v          (若回車后有返回版本號,則說明已安裝,若沒有返回,表示需要你去安裝node.js)

3.接着輸入:npm -v

4.接着安裝webpack,輸入:npm install -g webpack

5.接着使用淘寶鏡像輸入:npm install -g cnpm --registry=https://registry.npm.taobao.org

6.接着安裝vue的腳手架工具 ,輸入:npm install -g vue-cli

7.安裝完成后開始創建項目:創建項目myvue01

   輸入命令:vue init webpack myvue01

   此時會不斷要你輸入些東西,注意到Eslint那個選項是選擇N(Eslint是語法規則和代碼風格的檢查工具,會自動檢測當前項目的代碼是否符合預設的規則,如果你的代碼寫得不符合預設的規則會報錯),然后一直回車。

8.創建好項目之后,進入到該項目,然后執行命令運行項目輸入:npm run dev   (在這一步前也可以先安裝依賴輸入:npm install )

 

二.舉例:若是我在f盤創建了一個名叫my-vuedemo01的vue項目,我要怎么打開頁面呢?以下流程是:

cmd 打開命令

顯示:

接着進入f盤:

接着找到文件夾名稱:

接着執行運行:

最后就在瀏覽器中打開“localhost.8080”:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM