以下內容只講述準備工作,而這些外掛程式的作用和使用會在我後面的筆記一一寫明
官網連線
進入cmd視窗
輸入node -v如果出現版本號即node.js安裝成功
輸入npm -v如果出現版本號即npm安裝成功
如下圖所示,兩個都成功了算ok(基本沒見過出這個問題)
npm install -g cnpm -registry=cnpm -v看版本號來判斷是否安裝成功
cnpm install vue-cli -gvue -v通過版本號來判斷是否成功
注意:此處的-v是大寫的
cnpm install webpack -gcnpm install webpack-cli -gwebpack -v
確保上面的東西安裝完後我們來快速搭建乙個頁面,這些命令的作用npm的幾個常用命令這篇文章有講述,這裡便不再多說明,暫時不理解也沒關係,先按下面命令輸入快速搭建乙個起來先
vue init webpack firstdemo進入你們的專案目錄cd 資料夾名
然後執行安裝專案依賴模組cnpm install,安裝成功後專案的目錄宗會出現乙個node_modules資料夾,安裝的依賴模組都在這個資料夾中
啟動專案npm run dev
瀏覽器輸入http://localhost:8080如果可以訪問到頁面則說明成功
停止的話ctrl+c即可
學習Vue 的準備工作
環境準備 1 首先從官網node v，如果出現對應版本號，則表示安裝成功。2 npm是隨同node.js一起安裝的包管理工具,直接在命令列敲出npm v就可以檢視是否安裝成功。在命令列敲出npm install g cnpm registry 安裝就可以了 4 安裝webpack npm insta...
Vue學習之環境準備
選擇安裝的目錄，其他預設即可 安裝完，在命令提示符下輸入 node v檢視安裝的node版本 本地安裝 以安裝express模組為例 全域性安裝 以jquery為例 設定成 映象 然後通過nrm ls命令檢視npm的倉庫列表,帶 的就是當前選中的映象倉庫 通過nrm use taobao來指定要使用...
vue 前期準備
瀏覽器外掛程式 vue.js devtools vs code外掛程式 自動補全標籤 auto close tag auto complete tag auto rename tag 開啟乙個伺服器瀏覽html網頁，第一次使用需要ctrl shift p輸入 live server選擇open li...