vue-element-admin 安裝、部署、環境配置、學習,精簡,應用過程

1、工具集合

(1)node.js              下載地址:https://nodejs.org/zh-cn/,選擇長期支持版。

(2)git                       下載地址:https://git-scm.com/,選擇對應的操作系統版。

                                                     系統環境變量,path,C:\Program Files\Git\cmd

(3)npm                    node軟件中自帶,配置環境變量。

                                      --------------------用戶環境變量,

                                          path:

                                                 c:\Program Files\nodejs

                                                 c:\Program Files\nodejs\node_global

                                           NODEJS_PATH       

                                                  c:\Program Files\nodejs

                                           NODE_PATH             

                                                  c:\Program Files\nodejs\node_global\node_modules

                                      --------------------系統環境變量

                                          path:

                                                   C:\Program Files\nodejs\node_global\node_modules

                                       --------------------測試

                                        npm install express –g

                                        -------------------配置

                                                           npm config set prefix "c:\Program Files\nodejs\node_global"
                                                           npm config set cache "c:\Program Files\nodejs\node_cache"

                                                           npm install --registry=https://registry.npm.taobao.org --loglevel=silly

(4)cnpm                  通過npm安裝,

                                     //使用淘寶 NPM 鏡像,注意在管理員模式運行cmd
                                     npm install -g cnpm --registry=https://registry.npm.taobao.org

 

(5)vscode               下載地址:https://code.visualstudio.com/

2、工程下載

         啓動cmd工程,管理員權限,輸入git clone https://github.com/PanJiaChen/vue-element-admin.git,

        下載完成,進入工程目錄,執行       

         npm install,執行完成,目錄下會多出node_modules文件夾,加載工程依賴。

         npm run dev

瀏覽器界面

3.學習資料

https://panjiachen.github.io/vue-element-admin-site/zh/

 

4、修改端口,工程啓動名稱(dev)

vue.config.js,第16行,

package.json,第8行, "dev": "vue-cli-service serve",將dev修改爲需要的名稱,例如test,npm run test

 

5、工程啓動問題

npm 報錯 Cannot find module 'core-js/modules/es6.regexp.constructor'

npm install core-js@2

 

 

 

 

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