安裝環境

• 安裝node.js并配置環境變量
• 安裝淘寶鏡像，npm install -g cnpm --registry=https://registry.npm.taobao.org
• 安裝webpack，cnpm install webpack -g
• 安裝腳手架npm install vue-cli -g
  

創建項目

在硬盤上找一個文件夾放工程用的，在終端中進入該目錄,cd目錄路徑
根據模板創建項目,vue init webpack-simple 工程名字<工程名字不能用中文>，vue init webpack 工程名字<工程名字不能用中文>,

模板解讀

• cd進入創建的工程目錄
• 安裝項目依賴，npm install,不要使用cnpm install安裝（會導致后面缺了很多依賴庫）
• 安裝 vue 路由模塊vue-router和網絡請求模塊vue-resource，cnpm install vue-router vue-resource --save
• 啟動項目 npm run dev,啟動完畢后，在瀏覽器輸入http://localhost:8080,就能看到初始界面了

總結

以上所述是小編給大家介紹的使用vue官方提供的模板vue-cli搭建一個helloWorld案例分析，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！