从 0 到 1 的 WEB 前端项目（一）

一个项目的启动，首先应该是从需求分析开始；没有需求就没有项目

这里我们先略过需求，进行环境的构建

需要什么

• 一个全新的环境需要的，是一个基础开发环境 + 一个包管理器 ，说的就是nodejs。
• 有很多功能已经由贡献者进行开发并发布到 包管理器上，通过采用他们的实现可以节省精力。
• nodejs 可以突破原来Javascript脚本语言的局限。实现 服务端 的开发；进行开发流程搭建... 功能强大。
• 编辑器 VScode

1.nodejs 安装

• 推荐使用安装包 一键安装，会同时安装包管理器 npm

node -v //查看安装版本，确认安装成功
npm -v  //查看 包管理器 npm 版本

nodejs中文站
多平台包管理器安装

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 的三大基石；学会使用由此衍生出的各类框架库。造出一个更好的产品。