• 1概念（Node.js,NPM,VUE）：

        Node.js:伺服器端的JavaScript直譯器
        NPM：Node Package Manager,node的包管理器，對node的包的安裝，解除安裝，更新，檢視等
        vue:構建使用者介面的漸進式框架，類比於spring框架
        

• 2安裝nodejs:直接執行安裝包，安裝完成後測試命令：

        node -v
        npm -v
        備註：npm整合在node安裝包中，安裝完成後會有noxe.exe,node_modules等

•     3，設定npm私服:

        
            設定npm的內網映象倉庫不涉及，到公司中檢視。
                npm config rm proxy
                npm config rm http-proxy
                npm config rm https-proxy
                npm config set ****************
                npm config set ****************
    

•     4，安裝vue腳手架（預設自帶vue框架，用來方便地使用vue框架）：

            npm install --global vue-cli
            安裝成功後在任意位置都可以開啟命令列視窗輸入vue -V就可以出現版本號
            查詢命令：npm config list

•     5，使用腳手架線上建立一個工程（內網用不到）：

            vue init webpack demo
            進入到demo工程中，shift+右鍵：在此處開啟命令列視窗
            npm install
            （模板是webpack，自定義工程名字為demo，內網無法下載模板，可以到github上https://github.com/vuejs-templates有6大模板可以選擇：（webpack,pwa,webpack-simple,simple,browserify,browserify-simple））

•     5.5，(之前都是首次需要配置)使用腳手架離線配置一個工程：

        步驟一：在使用者目錄下（C:\Users\*****）新建一個資料夾.vue-tepmlates,建立時在後面多加一個點就能建立隱藏資料夾
        步驟二：將下載下來的檔案模板解壓，目錄名自動為webpack-develop，複製到上面的目錄中。
        步驟三：隨便在一個目錄下右鍵shift+在當前目錄下開啟命令列視窗    
        
                

• 6，每一次新建一個工程就三行命令：

        vue init webpack-develop my-project --offline
        (其中webpack-develop是上面中的模板，my-project是在當前目錄下基於模板改造的工程，選項能選no的全為no)
        npm install  
        npm run dev （訪問瀏覽器，頁面顯示成功）