【vue】vue.js安裝教程/vue項目搭建


前提:已安裝nodejs——npm  (備注教程  “物理安裝”  )


第一步:建了一個managerSys文件夾,用於保存項目

第二步:從cmd進入該文件夾,之后開始安裝vue.js相關

1)在該項目managerSys中安裝npm(基於node.js,利用淘寶npm鏡像安裝相關依賴)

     接上步輸入命令:    npm install -g cnpm --registry=https://registry.npm.taobao.org

2)安裝全局vue-cli腳手架(用於幫助搭建所需的模板框架,可參照vue官網安裝

     cnpm install --global vue-cli

     備注:安裝后,檢查是否安裝成功 。vue -V (在此注意V為大寫)

3)webpack模板 創建項目,(項目名叫“manager-sys”)注意項目名不能有大寫

     vue init webpack manager-sys

4)以上步驟進行后會出現‘git’下的項,如圖選擇配置即可

    

5)項目安裝依賴等,如上圖標注,順序輸入命令 (用cnpm命令更快一些)

     ① 進入項目

         cd manager-sys

     ②安裝項目所需依賴

        cnpm install

 

另 ③ cnpm  run dev  該命令用於  運行項目,(或瀏覽器輸入 localhost:8080   打開本地服務器實時查看效果)

以上,vue.js安裝成功!

 

ps:

1 ) 若運行后 / 瀏覽器打開之后,沒有加載出頁面,有可能是本地的 8080 端口被占用,需要修改一下配置文件 config>index.js

 

2 ) 退出監聽命令是 ctrl+c ,選擇Y

 


免責聲明!

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



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