美文网首页WEB-从零开始让前端飞程序员
从 0 到 1 的 WEB 前端项目(一)

从 0 到 1 的 WEB 前端项目(一)

作者: YjWorld | 来源:发表于2018-03-18 09:41 被阅读60次

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

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

    需要什么

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

    1.nodejs 安装

    • 推荐使用安装包 一键安装,会同时安装包管理器 npm
    node -v //查看安装版本,确认安装成功
    npm -v  //查看 包管理器 npm 版本
    

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

    2.git

    • git用来进行版本管理以及协作十分有用
    • git Bash 也是十分好用
    • 下载安装包 一键安装 next即可。
      git --version //查看版本 确认安装成功
      git下载

    3.代码编辑器 VScode

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

    相关文章

      网友评论

        本文标题:从 0 到 1 的 WEB 前端项目(一)

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