文档章节

配置前端开发环境

洋碱
 洋碱
发布于 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
博文 65
码字总数 26002
作品 0
广州
高级程序员
私信 提问
记一次Webpack配置文件的分离

随着前端技术的发展,业务逻辑的增多及功能化的繁琐已经成为前端人员最烧脑的问题。前端自动化构建工具的出现,为前端人员带来了项目构建上的福音,成为每个前端工程师必回的技术栈,目前比较...

hubvue
11/29
0
0
webpack优化——定义“生产”环境

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

DKJC_07
2017/12/23
0
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
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

没有更多内容

加载失败,请刷新页面

加载更多

以太坊PHP离线交易开发包

EthTool开发包适用于希望采用裸交易的PHP以太坊应用开发,主要包含以下特性: 支持裸交易部署/调用合约 内置etherscan和infura支持 keystore生成与读取,兼容geth/parity 采用裸交易的一个好...

笔阁
16分钟前
0
0
SRE的含义及与 DevOps 如何关联?

虽然站点可靠性工程师(site reliability engineer SRE)角色在近几年变得流行起来,但是很多人 —— 甚至是软件行业里的 —— 还不知道 SRE 是什么或者 SRE 都干些什么。为了搞清楚这些问题...

linuxCool
17分钟前
1
0
月入3万之一个程序员的转行坎坷历程

陈年往事 “我月入3万,怎么会少少了你一个鸡蛋啊?” 这是2017年9月左右的一个新闻,一位煎饼摊大妈因和顾客争执时脱口而出这样一句话而走红。当时还上了各大新闻的头条。 互联网兴起今天,...

苏南-首席填坑官
39分钟前
1
1
OSChina 周一乱弹 —— 眼看着这颗陨石砸了下来

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @莱布妮子:分享Nachtblut的单曲《Antik》 《Antik》- Nachtblut 手机党少年们想听歌,请使劲儿戳(这里) @mr_chip :上海的初雪之后有点冷 ...

小小编辑
今天
335
7
Confluence 6 修改导航显示选项

选择 子页面(Child pages)来在边栏中查看当前页面的子页面。 选择 页面树(Page tree)来查看整个空间的页面树,扩展当前的页面。 你也可以选择是否完全隐藏导航显示选项或者添加你希望可见...

honeymose
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部