安裝2) 檢視node是否安裝成功
windows+r => cmd 開啟命令列
輸入 node -v 檢視node版本,node版本需要》8.9
使用的時候 寫cnpm,等同於npm
4) 安裝vuecnpm install vue -g5) 安裝腳手架 cli
如果之前已經安裝過舊版本(非3.x)腳手架,需要解除安裝舊版本:
cnpm uninstall vue-cli -g
cnpm install -g @vue/cli 安裝腳手架,用於生成專案vue --version 檢視vue-cli版本
-g:(global)全域性安裝,安裝完成後在任何乙個資料夾下都能使用。
cd .. 進入上級目錄
cd 檔名 進入該檔案
cnpm install 安裝依賴包
6) 建立專案
使用快捷鍵 win+r ,輸入cmd,回車,開啟命令提示符
進入到vue專案要在的路徑下,我放在了桌面( cd desktop )
新建專案,vue init webpack + 專案名稱
components:存放元件
router:專案的路由
main.js:整個專案的入口js
7) 執行專案
第六步新建專案後,在命令提示符最下面的幾行,有這樣的內容
cd ttxue進入
輸入cnpm run dev 啟動專案
在瀏覽器上開啟 http://localhost:8080
好了,乙個vue專案搭建完成
vue環境搭建步驟
vue.js是前端乙個比較火的mvvm框架,要使用它,我們必須提前配置,其中有一種安裝方式是使用npm,比較適合比較大型的應用。今天就來看看這種方式如何操作,由於npm是國外的,使用起來比較慢,我們這裡使用 的cnpm映象來安裝vue.1.開啟命令列視窗,輸入 獲取到cnpm以後,我們需要公升級一下...
搭建vue專案環境步驟
npm install global vue cli 1 儀錶盤外掛程式中新增外掛程式,搜尋 vue cli plugin element安裝 2 安裝完成,在配置外掛程式中,第一項選擇import on demand 按需手動配置 1 儀錶盤依賴中安裝依賴,執行依賴中搜尋axios,進行安裝 2 ...
搭建vue開發環境步驟
相信很多人在剛開始學習vue這個框架的時候,在最開始搭建開發環境的時候,都會遇到一些大大小小的坑,我之前在學習 的時候搭建過一次,過了乙個月後在搭建第二次的時候,竟然有一些混亂,所以今天想整理出來 vue現在在前端,相對於算是現在前端工程師都比較常用的框架之一 node.js vue 的執行是要依賴...