vue 運行步驟(使用cnpm)

運行教程

首先,列出來我們需要的東西:
node.js環境(npm包管理器) vue-cli 腳手架構建工具 cnpm npm的淘寶鏡像

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

安裝完成之後,打開命令行工具,輸入 node -v,如下圖,如果出現相應的版本號,則說明安裝成功。

npm包管理器,是集成在node中的,所以,直接輸入 npm -v就會如下圖所示,顯示出npm的版本信息。

安裝cnpm

在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然後等待即可完成。

安裝vue-cli腳手架構建工具

在命令行中運行命令 cnpm install -g vue-cli ,然後等待安裝完成。(注意,這裏使用cnpm來替代npm,不然速度超級慢,會導致卡在那)

安裝項目所需的依賴

要安裝依賴包,首先cd到項目文件夾(firstVue文件夾),然後運行命令 cnpm install ,等待安裝。

運行項目

在項目目錄中,運行命令 npm run dev ,會用熱加載的方式運行我們的應用,熱加載可以讓我們在修改完代碼後不用手動刷新瀏覽器就能實時看到修改後的效果。

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