一个项目的启动,首先应该是从需求分析开始;没有需求就没有项目
这里我们先略过需求,进行环境的构建
需要什么
- 一个全新的环境需要的,是一个基础开发环境 + 一个包管理器 ,说的就是nodejs。
- 有很多功能已经由贡献者进行开发并发布到 包管理器上,通过采用他们的实现可以节省精力。
- nodejs 可以突破原来Javascript脚本语言的局限。实现 服务端 的开发;进行开发流程搭建... 功能强大。
- 编辑器 VScode
1.nodejs 安装
- 推荐使用安装包 一键安装,会同时安装包管理器 npm
node -v //查看安装版本,确认安装成功
npm -v //查看 包管理器 npm 版本
2.git
- git用来进行版本管理以及协作十分有用
- git Bash 也是十分好用
- 下载安装包 一键安装 next即可。
git --version //查看版本 确认安装成功
git下载
3.代码编辑器 VScode
- 微软开源的一个代码编辑器,前端开发十分好用,可集成GIT进行版本管理
- 安装
下载安装包,一键安装
4.试一试
- git 未配置的情况下,如图进入链接下载项目包,解压
图片.png
-进入解压目录,右键执行 bash 命令行
//执行
npm i
npm run dev
- git 已配置好,执行如下命令
//依次运行下列命令,克隆项目到本地,进入项目目录,安装依赖,运行项目
git clone git@github.com:yj21world/WWWStudy.git
cd WWWStudy/
npm i
npm run dev
-
浏览器访问 localhost:8080
图片.png
有什么用
千里之行始于足下
- 前端开发使用 nodejs 环境,能够搭建如同工厂流水线一样的开发
环境。那是极好的。相比于以前的纯手工生产是有极大的提高的。 - 包管理 npm,在于合作,好用。能够自动处理管理以及处理依赖,简化我们使用别人已经写好的模块的过程。管理的对象就是贡献者已经写好的模块。
- git 用与版本控制,协作开发。也就是书面意思。将开发的每个版本,每个变动储存。方便A,B,C....多人有序的开发同一个项目,而不至于混乱。
简单点说,就是提高效率,将有限的精力注入到特定的事物上!也可以说是懒,对,就是懒!那是极好的。。。
工具简介入口
怎么开发
前端开发的基石: JavaScript & CSS & HTML
这么多年过去了;结构,表现,交互的架构还是没有变。
从这三大基石上衍生了无数的新事物,
长江后浪推前浪,前浪死在沙滩上。
WEB 开发的本质依旧没有变。更好的结构,更好的外貌,更好的用户体验。
我们需要理解 WEB 的三大基石;学会使用由此衍生出的各类框架库。造出一个更好的产品。
网友评论