前言
默認已經安裝好vue環境，如nodejs，該文是在環境裝好后創建vue專案，主要是對創建專案相關命令學習
正文
首先在某個目錄下cmd，輸入以下命令，初始化一個名叫hello-vue
vue init webpack hello-vue
一路回車，yes/no的都選no，然后中間有個可以選第一個還是第二個的，選擇第一個，如下兩圖
然后就會出現hello-vue檔案夾，初始化專案就有了，然后需要安裝各種插件和組件，這里都用npm方式安裝，也是推薦的安裝方式
cd進入hello-vue，開始安裝各種插件
安裝vue-router插件
npm install vue-router --save-dev
然后安裝element-ui
npm i element-ui -s
安裝依賴，這個程序下載2w+多個依賴，要下載一會兒
npm install
安裝sass加載器
cnpm install sass-loader node-sass --save-dev
cnpm表示用國內淘寶的下載，這里最好用npm，npm下的有問題，再用cnpm
啟動測驗
npm run dev
啟動后，如下
IDEA打開這個hello-vue目錄
在src中加router路由目錄和views視圖目錄
view目錄右鍵可以建Vue專案
大致目錄都建完畢，可以放相關檔案，主要是對創建命令的學習
npm run dev后想停止跳出，可以ctrl+c，再輸入y，然后又可以在終端上輸入命令了
最后可以再裝一個負責網路通信的axios
cnpm install axios -s
以上就是創建程序，然后只要會Vue的用法，會結合ElementUI進行使用即可，后面將試著用vue.js+SpringBoot寫一個增刪改查（CRUD）
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/278887.html
標籤：其他