這也僅僅是入門而已了☺

自己也在慢慢學習中,不對的地方希望大佬可以多多指教,請不吝賜教,感激不盡。

這章主要是搭建環境:

1、安裝node環境

從官網下載並安裝node,傻瓜操作,安裝完成之後,命令列工具輸入 node -v ,出現相應的版本號則說明安裝成功; npm包管理器是整合在node中的,所以直接輸入 npm -v 就會顯示npm的版本資訊;

2、安裝cnpm

由於有些npm有些資源被遮蔽或者是國外資源的原因,經常會導致用npm安裝依賴包的時候失敗 ,可選擇安裝npm的國內映象 cnpm

以下命令:

 npm install -g cnpm --registry=http://registry.npm.taobao.org

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

 npm install -g vue-cli

以上需要的環境和工具都準備好了,接下來使用vue-cli來構建專案

4、用vue-cli構建專案

先選定目錄,建立資料夾,進入檔案根目錄,命令列安裝vue-cli

vue init webpack firstVue  

初始化一個專案,webpack是構建工具,也就是說整個專案是基於webpack的,其中 firstVue是專案名稱,

回車填寫相應的專案名稱,描述,作者等資訊,不想寫可以直接回車預設資訊;

目錄結構如下:

主要在src中做一些修改;

5、安裝專案所需要的依賴

npm install

安裝成功之後會有一個node_modules資料夾,這裡邊就是我們專案需要的依賴包資源,這裡就不附圖了啊哈哈

6、執行專案

npm run dev

用熱載入的方式執行我們的應用,熱載入可以讓我們在修改完程式碼後不用手動重新整理瀏覽器就能實時看到修改後的效果 其中的“run”對應的是package.json檔案中,scripts欄位中的dev,也就是 node build/dev-server.js命令的一個快捷方式。 專案執行成功後,瀏覽器會自動開啟localhost:8080(如果瀏覽器沒有自動開啟,可以手動輸入)。執行成功後,會看到如下所示的介面。


以上,ending暫告一段落,下一章會簡單寫一個專案。蟹蟹