vue-cli3.0 + vue2.0 + iview

**node安裝配置

   **1.下載對應你係統的Node.js版本:https://nodejs.org/en/download/

   **2.下載完成後,雙擊“node-v6.9.2-x64.msi”,開始安裝Node.js

          點擊【Next】按鈕

          勾選複選框,點擊【Next】按鈕

          【change】修改安裝目錄,默認在C盤

          修改好目錄後,點擊【Next】按鈕(默認選擇安裝Add to PATH) 

          點擊Install

          安裝完後點擊【Finish】按鈕完成安裝

    **3【win+R】鍵,輸入cmd,然後回車,打開cmd窗口 node -v 、 npm -v

    **4 環境配置

          nodejs文件夾下創建【node_global】及【node_cache】

         

          npm config set prefix "E:\install\nodejs\node_global"

          npm config set cache "E:\install\nodejs\node_cache"

          設置環境變量,關閉cmd窗口,“我的電腦”-右鍵-“屬性”-“高級系統設置”-“高級”-“環境變量”

          進入環境變量對話框,在

          【系統變量】下新建【NODE_PATH】,輸入 【E:\install\nodejs\node_global\node_modules】,

          【用戶變量】下的【Path】修改爲【E:\install\nodejs\node_global】

         

1.安裝、更新vue-cli命令

npm install -g @vue/cli

npm update -g @vue/cli

2.vue-cli創建項目

vue create hello-world

【選擇第二個Manually 手動創建新項目原型】

【選擇需要的功能】

【路由方式 history 去掉#,hash帶#】

【選擇css預處理語言-最後一個代碼格式化】

Lint on save 保存設置

【babel, postCss,ESLint等的存放在哪 In dedicated config files(獨立文件[選擇])     In package.json(package.json文件)】

【保存爲項目預配置,命名:my-admin】

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章