前端使用vue，那麼怎麼搭建vue呢

先安裝nodejs以及npm

現在基本的nodejs都包含有npm，下載安裝後，

可以在cmd命令裡輸入 

node -v    和npm -v 分別檢視安裝的版本 

兩個都顯示了版本就是安裝ok

nodejs安裝成功之後，就安裝vue

直接cmd命令裡執行

npm install -g  vue-cli   (只需要第一次安裝時執行) 

選定一個開發路徑

在檔案裡執行cmd  執行命令   

vue init  webpack  project(檔案下的專案名)        初始化你的專案，

cd project    進入你的專案目錄裡

npm install      下載依賴  

npm run  dev    啟動專案

兩個npm命令也可以在軟體（就是下面說的那個前端開發軟體）中去執行

這樣弄好後 ，以後啟動專案直接在這右上角就可以直接啟動了  ，就不用每次都去輸入命令

然後在瀏覽器裡輸入   http://localhost:8080  

有個綠色的倒三角形    以及下面一些英文   說明成功了

有個專門的前端開發軟體和idea是同一個公司開發的軟體  JetBrains WebStorm  

和idea同樣的快捷鍵 

下載好了前端軟體後，開啟

選擇這裡的open  開啟你剛剛建立的vue專案

大致框架如下

使用vue開發後端，只有一個靜態頁面    index.html

同樣是在src裡面進行開發

1. build 資料夾，用來存放專案構建指令碼
2. config 中存放專案的一些基本配置資訊，最常用的就是埠轉發
3. node_modules 這個目錄存放的是專案的所有依賴，即 npm install 命令下載下來的檔案
4. src 這個目錄下存放專案的原始碼，即開發者寫的程式碼放在這裡
5. static 用來存放靜態資源
6. index.html 則是專案的首頁，入口頁，也是整個專案唯一的HTML頁面
7. package.json 中定義了專案的所有依賴，包括開發時依賴和釋出時依賴

對於開發者來說，以後 99.99% 的工作都是在 src 中完成的，src 中的檔案目錄如下：

1. assets 目錄用來存放資產檔案
2. components 目錄用來存放元件（一些可複用，非獨立的頁面），當然開發者也可以在 components 中直接建立完整頁面。
3. 推薦在 components 中存放元件，另外單獨新建一個 page 資料夾，專門用來放完整頁面。
4. router 目錄中，存放了路由的js檔案
5. App.vue 是一個Vue元件，也是專案的第一個Vue元件
6. main.js相當於Java中的main方法，是整個專案的入口js