文档章节

配置前端开发环境

洋碱
 洋碱
发布于 2017/08/29 22:02
字数 295
阅读 13
收藏 0

初学调整前端开发

主要用typescript 开发webgis项目

采用的环境工具

OS:win10

IDE:Visual Studio Code、Nodejs

CVS:GitHub

然后开始操作

1、注册git账户,如果有直接跳过。https://github.com

2、首先配置工程路径,登入网页创建对应的reps

以下操作几乎都是在visual studio code 中完成,中途需要网络进行操作

打开控制台 ctrl + ~

3、完成以后本地操作,首先设置对应的本地代码路径

cd /d d:code,切换至对应的路径,如果没有就手动创建mkdir

4、同步git路径

git init,初始化数据

git clone “.git” ;文件路径

5、初始化npm 环境

npm init

6、安装typescript

npm install -g typescript

7、编写测试文件

**.ts

8、安装chrome for visual studio code 插件,方便调试

tsc **.ts ,编译对应的文件

9、F5运行调试

发现不能进入localhost:8080界面

10、安装httpserver

npm install -g http-server

http-server ./ 8080

完成配置之后就可以继续F5执行

11、中途需要使用webpack辅助

npm install -g webpack

npm install -g webpack-dev

npm install -g webpack-dev-server

npm install webpack --save

npm run build

npm start

本文转载自:

共有 人打赏支持
洋碱

洋碱

粉丝 3
博文 64
码字总数 22077
作品 0
广州
高级程序员
webkixi/FKP-REST

About This is a starter boilerplate app I've put together using the following technologies: Both client and server make calls to load data from separate API server KOA React Mon......

webkixi
2016/08/11
0
0
webpack优化——定义“生产”环境

背景与问题 为了解决开发环境和生产环境之间的差异,采用webpack打包前端项目时,会分离生产环境和开发环境的配置。我们尽可能的在生产环境的配置中提高生产版本代码的效率(压缩,混淆),但...

DKJC_07
2017/12/23
0
0
Docker 搭建前端开发环境--Docker_FrontEnd

项目介绍: 一键安装基于Docker搭建的前端开发环境,傻瓜式配置与管理,小团队接触Docker的第一块敲门砖 心路历程: http://wurang.net/dockerfrontend/ 基本功能: 基于Docker Toolbox,在的...

sonicrang
2017/08/09
287
0
前端开发--实战篇之测试框架

如果不了解前端开发环境,请参考搭建前端开发环境, 如果不了解实战篇的项目配置,请参考前端开发--实战篇 步骤一:待命 在cmd里面,进入到public文件夹待命。 步骤二:初始化karma配置文件k...

墨衣夜行
2015/10/13
101
0
解决SpringBoot获取不到PUT方式提交的参数的问题

最近开发的项目中,使用了采用put方式更新数据记录,但是当和前端结合时,发现无法通过@NotBlank的验证器验证。一开始以为是前端同学的参数名称设置的不对,但是查阅资料后发现是SpringBoot配...

muzi1994
07/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

RedHat已更改其开源许可规则

对于编程圈外的人来说,软件许可证似乎并不重要,但是,在开源领域,开源许可是非常重要的。 因此,领先的Linux公司Red Hat宣布了一件大事,所有新的由Red Hat发起的使用GNU通用公共许可证(...

linux-tao
12分钟前
3
0
游戏化策划的反馈机制

简评:如何低成本地设计游戏化活动运营方案 当项目活动组采用游戏化机制来设计活动时,往往会犯一个错误 —— 以为物质奖励(金钱或实物)就是终极奖励。然后一次又一次的证据显示,有形奖励...

极光推送
14分钟前
1
0
PHP "延迟静态绑定" 功能,static

从这个名字的定义提取出两个关键点,第一点静态,也就是说这个功能只适用于静态属性或静态方法。 第二点延迟绑定,这个根据下面代码就可以很好的理解 class A{ static $name = "Tom";...

nsns
18分钟前
1
0
《看图轻松理解数据结构与算法系列》导引贴

最近学习数据结构,遇到一个很喜欢的博主,他的文章图文并茂,理解起来很容易。特此开贴记录,方便反复阅读。 博主主页 https://juejin.im/user/57c3970f79bc440063e58518/posts?sort=popul...

科陆李明
55分钟前
1
0
20.27 分发系统介绍~ 20.30 expect脚本传递参数

分发系统介绍分发系统-expect讲解(也就是一个分发的脚本)场景:业务越来越大,网站app,后端,编程语言是php,所以就需要配置lamp或者lnmp,最好还需要吧代码上传到服务器上;但是因...

洗香香
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部