基本环境搭建

作者是在Ubuntu的环境下开始学习YUI的，YUI3一般和NodeJs等环境整合在一起，开发时对网络的依赖较强烈。所以建议在网络环境良好，并可配置本地代理的机器上学习开发，避免因为依赖包下载不下来而降低学习兴趣。

1.1 NodeJs环境搭建

Ubuntu ：sudo apt-get install nodejs

1.2 npm环境搭建

Ubuntu： sudo apt-get install npm

1.3 express环境搭建

express为NodeJs的一套web框架，整合了url router/err handle/basic utils等一些列功能

>> npm install-g express

1.3.1 express-generator安装

express-generator为express项目骨架生成器，可以帮助生成一个基本的项目骨架和初始化一些骨架代码，极大的加快web开发进程。

>> npm install -g express-generator

1.4 初始配置 npm package

>> npm init

会有一个配置向导，提示当前工程使用的名称/版本号/git仓库地址等，依赖关系元数据需要单独配置，

这个操作过程类似于maven生成项目骨架和生成一个初始pom文件一样，也会生成一个package.json的配置文件。

笔者提供一个demo 配置文件，包括接下来要使用的yui3,expres框架和grunt构建工具

{
"name": "yui3_tutorial",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node ./bin/www"
},
"dependencies": {
"express": "~4.2.0",
"static-favicon": "~1.0.0",
"morgan": "~1.0.0",
"cookie-parser": "~1.0.1",
"body-parser": "~1.0.0",
"debug": "~0.7.4",
"jade": "~1.3.0"
}
}

1.5 生成初始项目骨架

使用express-generator工具生成项目骨架，包括views/bin/public等目录

xiangkui@xiangkui-pc:~/workspace/my_workspace$ express --css .

destination is not empty, continue?

destination is not empty, continue? (yes or no)

destination is not empty, continue? (yes or no) yes

create : .

create : ./package.json

create : ./app.js

create : ./public

create : ./routes

create : ./routes/index.js

create : ./routes/users.js

create : ./views

create : ./views/index.jade

create : ./views/layout.jade

create : ./views/error.jade

create : ./bin

create : ./bin/www

create : ./public/stylesheets

create : ./public/stylesheets/style.css

create : ./public/javascripts

create : ./public/images

install dependencies:

$ cd . && npm install

run the app:

$ DEBUG=my_workspace ./bin/www

1.6启动demo项目

>> cd bin && node www

程序在本机监听3000端口，并且启动一个web应用

访问 http://localhost:3000端口，即可以访问该应用

参考链接：

http://nodejs.org/

http://expressjs.com/guide.html

第一章 YUI3开发环境搭建相关推荐

react脚手架显示npm不知内部命令_第一章 React开发环境搭建
react16:用于构建用户界面的javascript库. Facebook推出的开源框架,函数式编程风格. 一.安装Node.js Node中文网址:http://nodejs.cn/ Node.j ...
【正点原子Linux连载】第三章 RV1126开发环境搭建摘自【正点原子】ATK-DLRV1126系统开发手册
1)实验平台:正点原子RV1126 Linux开发板 2)平台购买地址:https://detail.tmall.com/item.htm?id=692176265749 3)全套实验源码+手册+视频 ...
代驾APP_第一章_项目环境搭建_第一节
代驾APP_第一章_项目环境搭建文章目录代驾APP_第一章_项目环境搭建 1-1 创建根项目一.创建SpringBoot项目二.覆盖pom.xml文件 1-2 创建根项目一.创建公共模块二 ...
代驾APP_第一章_项目环境搭建_第二节
代驾APP_第一章_项目环境搭建_第二节文章目录代驾APP_第一章_项目环境搭建_第二节 1-11 创建bff-driver服务一.创建项目二.配置pom.xml文件三.编写YML配置文件 ...
Java | 第一章：Java环境搭建
系列文章目录第一章:Java环境搭建文章目录系列文章目录前言一.Java及其特性二.使用步骤 1.下载安装 2.环境配置总结前言 Java 是由 Sun Microsystems 公司 ...
HT合泰单片机入门教程（第一章 HT单片机环境搭建）
目录系列文章目录前言一.合泰单片机的优势二.IDE安装 1.HT-IDE3000下载 2.HT-IDE3000安装三.烧录软件安装 1.HOPE3000下载 2.HOPE3000安装总结 ...
英飞凌XMC系列单片机教程第一章，开发环境的搭建
文章目录 1.xmc4500单片机简介 2.xmc4500开发环境 2.2,硬件开发环境 2.3 DAVE开发环境的使用 3.总结 1.xmc4500单片机简介 XMC4500 系列属于工业微控制器 ...
python基础开发环境_Python基础教程，第一讲，开发环境搭建
今天是写Python基础教程的第一课,也是下定决心做技术分享的第一篇文章.先扯几句和技术无关的吧,也便于大家了解这套课程的内容,适不适合自己学习,我做开发6年了,已年过30,一直从事的WEB方面的开发 ...
《嵌入式系统 - RT-Thread开发笔记》第三部分 RT-Thread 移植与设备驱动开发 - 第1章 RT-Thread 开发环境搭建 (Ubuntu)
开发环境: Ubuntu:16.04 LTS 开发板:stm32f746-st-nucleo 开发板MCU:STM32F746ZG 1.1准备工作 1.1.1下载源码与安装环境更新软件源: $ su ...

第一章 YUI3开发环境搭建