美文网首页
全栈任务第二周

全栈任务第二周

作者: 卡戎li | 来源:发表于2020-04-07 17:02 被阅读0次

一、环境配置

nodejs、npm和cnpm 安装

window机:
https://blog.csdn.net/wjnf012/article/details/80422313

mac: https://www.jb51.net/article/138083.htm

二、下载前端代码

git clone http://git.rongshantech.com/Frontface/Other/AVueTemplateForPC

cd AVueTemplateForPC

cnpm install --registry=http://47.107.21.127:4873

cnpm run serve

可能出现的错误:node-sass/vendor 不存在

 @ ./src/page/login/index.vue?vue&type=style&index=0&id=9fa485f6&lang=scss&scoped=true&
 @ ./src/page/login/index.vue
 @ ./src/router/page/index.ts
 @ ./src/router/index.ts
 @ ./src/main.ts
 @ multi ./node_modules/_webpack-dev-server@3.10.3@webpack-dev-server/client?http://192.168.3.202:8081/sockjs-node (webpack)/hot/dev-server.js ./src/main.ts babel-polyfill classlist-polyfill

 error  in ./src/page/login/userlogin.vue?vue&type=style&index=0&lang=scss&

Module build failed (from ./node_modules/_sass-loader@7.3.1@sass-loader/dist/cjs.js):
Error: ENOENT: no such file or directory, scandir '/Users/lipei/project/webProject/AVueTemplateForPC/node_modules/_node-sass@4.13.1@node-sass/vendor'
    at Object.readdirSync (fs.js:808:3)
    at Object.getInstalledBinaries (/Users/lipei/project/webProject/AVueTemplateForPC/node_modules/_node-sass@4.13.1@node-sass/lib/extensions.js:132:13)
    at foundBinariesList (/Users/lipei/project/webProject/AVueTemplateForPC/node_modules/_node-sass@4.13.1@node-sass/lib/errors.js:20:15)
    at foundBinaries (/Users/lipei/project/webProject/AVueTemplateForPC/node_modules/_node-sass@4.13.1@node-sass/lib/errors.js:15:5)
    at Object.module.exports.missingBinary (/Users/lipei/project/webProject/AVueTemplateForPC/node_modules/_node-sass@4.13.1@node-sass/lib/errors.js:45:5)
    at module.exports (/Users/lipei/project/webProject/AVueTemplateForPC/node_modules/_node-sass@4.13.1@node-sass/lib/binding.js:15:30)
    at Object.<anonymous> (/Users/lipei/project/webProject/AVueTemplateForPC/node_modules/_node-sass@4.13.1@node-sass/lib/index.js:14:35)
    at Module._compile (internal/modules/cjs/loader.js:721:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:732:10)
    at Module.load (internal/modules/cjs/loader.js:620:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:560:12)
    at Function.Module._load (internal/modules/cjs/loader.js:552:3)
    at Module.require (internal/modules/cjs/loader.js:657:17)
    at require (internal/modules/cjs/helpers.js:22:18)
    at getDefaultSassImpl (/Users/lipei/project/webProject/AVueTemplateForPC/node_modules/_sass-loader@7.3.1@sass-loader/dist/index.js:198:10)
    at Object.loader (/Users/lipei/project/webProject/AVueTemplateForPC/node_modules/_sass-loader@7.3.1@sass-loader/dist/index.js:80:29)


解决办法:

拷贝 vendor 到项目的 node_modules/node-sass下

vendor 百度云下载地址:链接:https://pan.baidu.com/s/17psoqe1Kh8bXQdz5wyfAsA 密码:kz7z

三、项目示例

文件地址:
AVueTemplateForPC/src/page/login/customer/el/register.html

浏览器访问:
http://localhost:63342/AVueTemplateForPC/src/page/login/customer/el/register.html

四、第二阶段任务

使用elementUI完成以下渲染


图片.png

字段要求:
1、用户名称:3-20位连续字符串,允许大小写英文字母、数字和中文。
2、登陆账号:3-20位连续字符串,允许大小写英文字母、数字。
3、手机号码:11位数字,以1开头。
4、邮箱:非空,满足邮箱一般性校验。
5、登陆密码:8-20位连续字符串,必须包含大写字母、小写字母、和数字。

相关文章

  • 全栈任务第二周

    一、环境配置 nodejs、npm和cnpm 安装 window机:https://blog.csdn.net/w...

  • 全栈任务第三周

    整体验收效果:http://admin.evue.top/#/system/user 用户管理模块 包含以下内容:...

  • Activity 启动模式全解析

    Activity 启动模式全解析 一、任务与返回栈 (Tasks and Back Stack) 任务的定义:执行...

  • 03 html小结

    【全栈记】有半个月没有更新了,本打算以“周记”的方式记录自己的全栈学习过程,但并未做到,两周内我想了蛮多,学习前端...

  • 辉达IT-全栈的定位到底在哪里?

    全栈的定位在哪里-辉达IT为您解读深层全栈内容 全栈工程师的定义与市场价值 全栈定义 全栈工程师,也叫全端工程师(...

  • 2018 全栈工程师

    全栈的边界? 目前,业界对全栈的认识普遍缺乏明确的定义,有人认为全栈 = 前端开发 + 后端开发,也有人觉得全栈 ...

  • Activity的启动模式LaunchMode

    任务栈 栈是一种常用的数据结构,栈只允许访问栈顶的元素。任务栈分为前台任务栈后后台任务栈,每个Activity被一...

  • 扯淡之全栈工程师

    即将奔跑在创业路上的全栈工程师 混日子的全栈工程师???具有全栈思维仅仅是开始还需要有全栈解决方案即使有了全栈解决...

  • Activity的启动模式

    Activity的启动模式以及flags 任务栈 任务栈:任务栈是一种“后进先出(LIFO)”的栈结构,Andro...

  • Flask Vue.js 全栈开发

    Flask Vue.js全栈开发 1. Flask Vue.js全栈开发教程系列 Flask Vue.js全栈开发...

网友评论

      本文标题:全栈任务第二周

      本文链接:https://www.haomeiwen.com/subject/wwvnphtx.html