Vue專案建立及單個練習檔案新建

2021-10-06 06:27:27 字數 1149 閱讀 8304

在學習vue之前需要安裝node(在控制管理器中node -v進行檢查,若無版本號,則需要安裝)。

1.安裝vue-cli腳手架(僅需安裝一次,後續無需安裝,下面的二選一即可)

npm install -g @vue/clinpm 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...