1. 程式人生 > >使用vue-cli搭建vue項目問題解決方案

使用vue-cli搭建vue項目問題解決方案

清理 ins class fig false lean 默認安裝 全局 搭建

工欲善其事必先利其器,安裝所需環境

  1. node和npm的安裝
    首先需要安裝node環境,直接到官網下載安裝包 https://nodejs.org/zh-cn/
    安裝node默認安裝npm, 不需要重復安裝npm。安裝完成後,可以命令行工具中輸入 node -v 和 npm -v,如果能顯示出版本號,就說明安裝成功。
    技術分享圖片
  2. 下載dev-tool工具
    為了以後調式做準備 https://github.com/vuejs/vue-devtools#vue-devtools
  3. 安裝全局vue-cli腳手架
    npm install -g vue-cli
    出現如下問題:
    技術分享圖片
    技術分享圖片
    技術分享圖片
    npm install -g cnpm –registry=https://registry.npm.taobao.org

    技術分享圖片
    安裝vue-cli
    安裝好了node後,我們可以直接在控制臺通過命令安裝vue-cli
    npm install -g vue-cli //-g 表示全局安裝vue-cli
    這種安裝方式比較慢,推薦使用國內鏡像來安裝,所以我們先設置cnpm,在控制臺安裝cnpm 命令,安裝成功後,我們也可以通過cnpm -v來查看對應的安裝版本。
    當然,如果安裝失敗,可以使用 npm cache clean 清理緩存,然後再重新安裝。後面的安裝過程中,如有安裝失敗的情況,也需要先清理緩存。
    或者通過命令npm config set strict-ssl false關閉npm的https
    npm config set strict-ssl false //關閉npm的https // npm cache clean 如果安裝失敗,請打開該註釋,然後兩句一起運行 npm install -g cnpm --registry=https://registry.npm.taobao.org

使用vue-cli搭建vue項目問題解決方案