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

 

 

 

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

每天走走

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值