# 搭建最简的开发环境
这一节来搭建一个最简单的能运行的helloworld,以后的代码也会在这一节的基础上慢慢增加
#### 创建文件夹
mkdir cesium-test
cd cesium-test
#### 引入编译成果
将cesium源码中的Build文件夹,拷入cesium-test
#### 创建html
将cesium-1.4.0/Apps/ 中的HelloWorld.html 拷入cesium-test
使用vscode 等编辑器打开
修改js和css的文件路径
```
<script src="../Build/Cesium/Cesium.js"></script>
@import url(../Build/Cesium/Widgets/widgets.css);
```
修改为
```
<script src="Build/Cesium/Cesium.js"></script>
@import url(Build/Cesium/Widgets/widgets.css);
```
#### 发布
文件修改完成,如果直接双击helloworld.html,会报错
![](https://box.kancloud.cn/64972a3fd9eefad28e304bf634bcec52_1608x558.jpg)
这是因为网站需要通过发布才能正常运行,可选择地发布工具有很多,nodejs,php,iis...等,这里我使用了php来发布,
打开命令行工具,定位到cesium-test目录,执行php -S localhost:4111 (不一定非要写4111,端口号的范围从0到65535,尽量不要使用一些特定的端口,比如用于浏览网页服务的80端口,用于FTP服务的21端口等)
```
➜ cesium-test php -S localhost:4111
PHP 7.1.7 Development Server started at Sun Dec 24 20:42:17 2017
Listening on http://localhost:4111
Document root is /Users/elusive/Documents/githubs/cesium-test
Press Ctrl-C to quit.
```
打开浏览器,输入localhost:4111,就能看到熟悉的helloworld界面
![](https://box.kancloud.cn/4e416c8d2001941692bd2eb1703c6a2d_1639x1027.jpg)
**Cesium学习交流群:593764057(满),476893082**
- cesium编程入门(一)cesium简介
- cesium编程入门(二)环境搭建
- cesium编程入门(三)开始使用cesium开发
- cesium编程入门(四)界面介绍及小控件隐藏
- cesium编程入门(五)绘制形状
- cesium编程入门(六)添加 3D Tiles,并调整位置,贴地
- cesium编程入门(七)3D Tiles,模型旋转
- cesium编程入门(八)设置材质
- cesium编程入门(九)实体 Entity
- cesium编程入门(十)优秀资源
- cesium编程入门(十一)常见问题
- cesium编程中级开篇
- cesium编程中级(一)添加示例到Sandcastle
- cesium编程中级(二)源码编译
- cesium编程中级(三)尝试添加PBS本地服务
- cesium编程中级(四)使用渐变纹理