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

 

 

 

 

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐