一、安裝vue及建立專案：

1、首先裝Node.js

下載：http://cdn.npm.taobao.org/dist/node/v10.14.2/node-v10.14.2-x64.msi

接著下一步，下一步，ok,

linux：

解壓，配置環境變數OK，（這裡不再敘述）

建立vue專案：

在指定的目錄中建立專案：

cd "vue-project"

清除快取記錄

npm cache clean --force    

開始建立：

vue create pro_1 （專案名）

也可以ui 建立

vue ui (執行後輸入url建立專案名)

二、pycharm 配置vue.js外掛

File--setting--->plugins--->搜尋vue.js 安裝後，點選Ok，之後會重啟pycharm 即可。

Pycharm 配置 執行

三、vue 目錄結構

-node_modules:專案依賴(以後專案要傳到git上,這個不能傳)
        -publish--->index.html  是總頁面
        -src :專案
            -assets:靜態資源
            -components:元件
            -views:檢視元件
            -APP.vue:根元件
            -main.js :總的入口js
            -router.js :路由相關,所有路由的配置,在這裡面
            -store.js  :vuex狀態管理器
        -package.json:專案的依賴,npm install 是根據它來安裝依賴的
    每個元件會有三部分:
        -template
        -style
        -script