vue學習(一) 安裝搭建及新建專案

2022-08-25 09:45:11 字數 573 閱讀 9459

新手學習vue,以下步驟均需在cmd視窗執行一些命令,建議多看vue官方文件

第一步安裝node及cnpm:

#安裝cnpm

npm install -g cnpm --registry=

#安裝vue-cli

npm install --global vue-cli

第二步建立專案:

安裝完node及cnpm後,就可以建立專案了,以下以webpack模板為例建立乙個專案

#建立乙個基於webpack模板的專案

vue init webpack my-project(執行完這個命令會出現一些問題需要確認,包括專案名稱,專案描述,作者等)

# 安裝依賴,走你

cd my-project(找到檔案)(注:注意檔案所在的碟符,切換碟符的命令是:例如進入到e盤,輸入e:回車即可進入e盤)

npm run dev(會提供乙個8080埠,即可在瀏覽器看到頁面)

**映象(cnpm):

vue官方文件:

安裝vue及新建專案

vue cli需要node.js 8.9或更高版本 開啟cmd命令列輸入npm install vue cli g 安裝之後,你就可以在命令列中訪問 vue 命令。你可以通過簡單執行vue,看看是否展示出了乙份所有可用命令的幫助資訊,來驗證它是否安裝成功。當然,你還可以用下面這個命令來檢查其版本是否...

vue2 0 安裝及專案搭建(一)

基本環境安裝 2 測試npm版本 命令列 npm v 3 安裝 映象 在命令列裡輸入 npm install g cnpm registry 測試 映象是否安裝成功 命令列 cnpm v 4 安裝vue npm install vue 測試 注意,這裡最後乙個是大寫v vue v 5 安裝vue c...

Vue安裝配置及搭建專案

安裝過程中,推薦選擇add to path,自動配置環境變數,然後一直next,即可完成安裝。2.檢驗是否可用 cmd命令視窗,輸入node version,檢驗npm是否可用。cmd命令視窗,輸入npm version,此時有版本號就表示安裝成功。3.安裝cnpm 命令列中輸入 npm insta...