如何運行vue項目(github項目)

  1. 安裝node.js
    從node.js官網下載並安裝node,安裝過程很簡單,一路“下一步”就可以了(傻瓜式安裝)。

    根據自己電腦選擇32位/64位。安裝好node,可以先進行下簡單的測試安裝是否成功了,後面還要進行環境配置
    在鍵盤按下【win+R】鍵,輸入cmd,然後回車,打開cmd窗口

    安裝完成之後,打開命令行工具,輸入 node -v,npm包管理器,是集成在node中的,所以,直接輸入 npm -v就會如圖所示,顯示出npm的版本信息。如下圖,如果出現相應的版本號,則說明安裝成功。

    1930484129-594a153137184_articlex.png

     

    2.png

2.安裝cnpm
由於npm有些資源被屏蔽或者是國外資源的原因,經常會導致用npm安裝依賴包的時候失敗,所有我還需要npm的國內鏡像---cnpm
在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org
如果mac下安裝失敗,提示權限不夠,在命令行下輸入
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose

3.安裝webpack
npm install webpack -g

4.安裝vue-cli
cnpm install vue-cli -g
這個過程會耗時十幾秒,等走完就好

好了,這時候整個環境搭建好了,接下來運行項目

首先
cd desktop/項目名稱

然後,進入項目之後安裝依賴
npm install

再然後
npm run dev

這時候你會看到項目已經在瀏覽器中運行了。



作者:依然暮
鏈接:https://www.jianshu.com/p/1b56f096acf6
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯繫作者獲得授權並註明出處。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章