在學習vue之前需要安裝node(在控制管理器中node -v
進行檢查,若無版本號,則需要安裝)。
1.安裝vue-cli
腳手架(僅需安裝一次,後續無需安裝,下面的二選一即可)
npm install -g @vue/cli
npm install -g @vue/cli-service-global
一般常用第乙個安裝即可。
2.新建專案vue create vue-demo
vue-demo為你的專案名稱,在安裝時需要等待。
3.選擇配置
4.啟動專案npm run serve
先進入專案cd vue-demo
然後啟動專案npm run serve
嘗試 vue.js 最簡單的方法是使用hello world
例子。你可以在瀏覽器新標籤頁中開啟它,跟著例子學習一些基礎用法。或者你也可以建立乙個.html
檔案,然後通過如下方式引入 vue:
安裝教程給出了更多安裝 vue 的方式。請注意我們不推薦新手直接使用vue-cli
,尤其是在你還不熟悉基於 node.js 的構建工具時。
vue中文官方文件
建立html檔案,新增後直接執行:
執行結果:
需要安裝npm install -g @vue/cli-service-global
這裡直接建立vue檔案,內容為
}
建立完成後,進入該檔案目錄下,使用vue serve 檔名
執行,和上乙個檔案效果展示一致。
在起步裡已經提到了。
目錄結構如下:
入口檔案為main.js檔案。
建立專案、單個vue檔案及測試檔案完成。
vue安裝及建立專案
安裝 cnpm install vue g cnpm install vue cli g 建立vue專案 vue init my pro 或者 vue init webpack my pro 建立完專案需要修改package.json 增加依賴,執行下面命令安裝依賴 cd my pro cnpm i...
vue專案之上傳單個檔案或者多個檔案
不管是單個檔案或者多個檔案上傳,都是通過後台控制的,介面不一樣。目前,單個檔案,後台不需要傳其他額外的引數,就需要上傳檔案的資訊 upfile success function responsestr return false 有資料 that.alert 上傳成功!提示 that.controlv...
vue 環境搭建及專案建立
vue 高效 靈活 安裝nodejs 並檢測 自帶npm 個人開發可使用國內 映象cnpm,代替npm win版 npm install g cnpm registry mac版 3.安裝vue cli 配置vue的開發環境 複雜安裝法 裝好的檔案目錄 執行cnpm run dev簡易安裝法 vue...