一、环境配置
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
- 注: node js 需要按章8.12.x
https://nodejs.org/zh-cn/download/releases/
三、项目示例
文件地址:
AVueTemplateForPC/src/page/login/customer/el/register.html
浏览器访问:
http://localhost:63342/AVueTemplateForPC/src/page/login/customer/el/register.html
四、第二阶段任务
使用elementUI完成以下渲染

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