本系列教程开始于2-28
时间 15点13分
学习这个项目想法由来已久 一直想写想学
但不行动停留在脑子里
或者碰到一点电脑性能问题安装某个插件模块不顺利就放弃了 这次做好准备了 彻底学习一下 然后开始运用到实际开发中会有点用的吧 管他呢 又不费太久时间 可能需要个一周左右但是能学到东西不就成了么
Let's do this !!!
工具:
git vscode 如果喜欢其他编辑器的小伙伴可以留言 可以探讨一下~~~
相信你会用得到的指令
cd .. 返回上一级目录
cd ../.. 返回上两级目录
cd或cd ~ 返回home目录
cd - 目录名 返回指定目录
clear
es5跟es6 完成对象拷贝的区别
基础架构
目录结构
全部手动创建
mkdir <project name> ---- 根目录
npm init (一路enter)
mkdir app tasks server 三个目录 分别放置前端代码 后端代码 配置构建脚本文件
cd app ->mkdir js css views
cd js ->mkdir class ->touch test.js 放置类文件
cd views -> touch error.ejs index.ejs -------模板文件 和模板入口文件(ejs)
cd server -> express -e (前提是安装了express)
cd tasks ->mkdir util ->touch args.js
cd ../ -> touch gulpfile.babel.js + babelrc
整个就算搭建文成 gulefile.babel.js 是因为es6项目 gulp执行时会找这个文件 命名不能出错
命令行处理、创建JS编译任务
1.命令行处理 args.js
-
cd tasks -> touch scripts.js ------- 对js做处理编译
引入上述的包
用淘宝镜像安装
安装上述的包
包安装完后 可能会花点时间 建议用淘宝镜像
不管gulp具体是怎么用的以后用到的时候再去官网查看就好不行就google gulp配置 基本网上都有
我把源码提交到github上 要不然光看个项目架构就要吐 因为一些版本跟文件引进的原因 各种报错
项目构建我就要吐了 差点没坚持下来
直接开始语法了 不管了 fuck 🤐🤐🤐🤐🤐
17:58 我搞了两个多小时 好气啊 fuck
网友评论