## 1. 导入项目 两种方式导入: - 1. WebStorm编译器git 拉取 项目 https://gitee.com/li_haodong/pre-ui.git - 2. 直接下载项目,WebStorm编译器打开 下载项目 ![](https://img.kancloud.cn/ef/6a/ef6a0746ac2e53698a98a343e797f894_2678x1606.png) 编译器打开项目 ![](https://img.kancloud.cn/ef/69/ef69e874ae7864a53955c2b51003d01c_1352x1132.png) ## 2. 安装依赖 导入后,右下角会弹出安装依赖提示,先选择Don't ask again: ![](https://img.kancloud.cn/36/1d/361d02afaccbeb325cc008ce288a88a1_2828x1666.png) 然后点击Terminal,在里面输入`npm install --registry=https://registry.npm.taobao.org`安装依赖: ![](https://img.kancloud.cn/3f/cd/3fcdc32d3a9a38902e25c0d9b6735f0c_2838x1672.png) ## 3. 启动项目 安装完依赖后,点击npm模块的dev按钮,启动前端项目: ![](https://img.kancloud.cn/b4/78/b4780897b2f330d85bab61866a50c76e_2834x1664.png) 启动后,浏览器会自动打开前端页面: ![](https://img.kancloud.cn/e5/31/e5317b7f52f72abd6afd8df17148c582_2682x1666.png) 输入账号密码 admin/123456 即可成功登录进入系统 ## 4. 特殊情况 如果在npm install出错情况下,关闭eslint即可 ![](https://img.kancloud.cn/a1/5e/a15ec9e91c4192f001636538e6ce7126_1978x1442.png)