文档章节

配置前端开发环境

洋碱
 洋碱
发布于 2017/08/29 22:02
字数 295
阅读 13
收藏 0
点赞 0
评论 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
码字总数 22008
作品 0
广州
高级程序员
webpack优化——定义“生产”环境

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

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

前端开发--实战篇之测试框架

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

墨衣夜行 ⋅ 2015/10/13 ⋅ 0

Docker 搭建前端开发环境--Docker_FrontEnd

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

sonicrang ⋅ 2017/08/09 ⋅ 0

Web 将项目快速迁移至React

最近在学习前端方面的知识, 粗浅的将webpack和gulp的文档翻阅了一遍, 虽然之前有使用过Vue的经验, 但是就社区来说, 现在的主流还是React, 所以我也不免俗的进行学习, 为以后React Native的h...

Castie1 ⋅ 2017/09/29 ⋅ 0

微信小程序教学第二章(含视频):小程序中级实战教程之预备篇 - 提取util公用方法

iKcamp官网:www.ikcamp.com 访问官网更快阅读全部免费分享课程:《iKcamp出品|全网最新|微信小程序|基于最新版1.0开发者工具之初中级培训教程分享》。 包含:文章、视频、源代码 第二章:...

iKcamp ⋅ 2017/10/19 ⋅ 0

Web 使用webpack构建前端项目

好久没写技术博客了, 原因在于最近在学习前端方面的技术, 熟悉我的同学都知道, 之前我有使用Vue搭建了一个个人简历, 体验了一把最新的前端技术, 但之前我们使用的是vue-cli脚手架工具, 对于如...

Castie1 ⋅ 2017/09/23 ⋅ 0

React本地开发环境​--React-Dev

React-Dev基于webpack(打包)&gulp(工作流)&koa(数据mock)的本地开发环境。 执行命令: 启用带有功能的本地服务开发环境 启用不带功能的本地服务开发环境 启用带有功能的本地服务开发环境(不...

王向众 ⋅ 2016/03/23 ⋅ 0

建立Laravel工程的个人总结

建立Laravel工程的个人总结 前端配置 首先创建工程,如果未下载composer,需要安装composer,如果安装,输入如下命令: composer create-project laravel/laravel myproject 根据上面的指令,...

John_Kwok ⋅ 2016/01/31 ⋅ 0

"前端"碎碎念

看看前端圈子里,各种技术、理论,在这两年烈火烹油,花了众人眼。前端似乎这也能做,那也能搞,但是到底何为前端呢? 个人定义:前端,就是浏览器端。不管前端怎样发展,一定是比后端简单的...

佣兵0926 ⋅ 2016/01/23 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

收集自网络的wordpress 分页导航的代码教程(全网最全版)

wordpress 分页导航是用来切换文章的一个功能,添加了 wordpress 分页导航后,用户即可自由到达指定的页面数浏览分类文章,而这样的一个很简单功能却有很多朋友在用插件:WP-PageNavi,插件的...

Rhymo-Wu ⋅ 32分钟前 ⋅ 0

微服务 WildFly Swarm 入门

Hello World 就像前面章节中的其他框架一样,我们希望添加一些基本的 Hello-world 功能,然后在其上逐步添加更多的功能。让我们从在我们的项目中创建一个 HolaResources 开始。您可以使用您的...

woshixin ⋅ 39分钟前 ⋅ 0

Maven的安装和Eclipse的配置

1. 下载Maven 下载地址 2. 解压压缩包,放到自己习惯的硬盘中 此处我将其放到了 D:\Tools 目录下。 3. 配置环境变量 右键此电脑 -> 属性 -> 高级系统设置 -> 环境变量。 在系统变量中新建,变...

影狼 ⋅ 46分钟前 ⋅ 0

python pip使用国内镜像的方法

国内源 清华:https://pypi.tuna.tsinghua.edu.cn/simple 阿里云:http://mirrors.aliyun.com/pypi/simple/ 中国科技大学 https://pypi.mirrors.ustc.edu.cn/simple/ 华中理工大学:http://......

良言 ⋅ 47分钟前 ⋅ 0

对于url变化的spa应该如何使用微信jssdk

使用vue单页面碰上微信jssdk config验证失败的坑。第一次成功 之后切换页面全部失败,找到了解决方法,第一次验证成功后保存验证信息 切换页面时验证信息直接拿来用,加一个wx.error() 失败时...

孙冠峰 ⋅ 51分钟前 ⋅ 0

Spring Cloud Gateway 一般集成

SCF发布,带来很多新东西,不过少了点教程,打开方式又和以前的不一样,比如这个SCG,压根就没有入门指导,所以这里写一个,以备后用。 一、集成 pom.xml <dependency> <groupI...

kut ⋅ 55分钟前 ⋅ 0

建造模式

《JAVA与模式》之建造模式

Cobbage ⋅ 今天 ⋅ 0

WePY框架开发的小程序如何在微信web开发者工具中运行起来

一、首先需要安装node.js,安装步骤如下: 首先下载安装包 https://nodejs.org/en/download/ 点击下载相应的zip版本 然后将文件夹解压到任意目录 比如我这里解压到了:C:\Program Files\node...

Helios51 ⋅ 今天 ⋅ 0

使用EnumSet 代替位域(32)

1、位域(Bit field):使用or 运算将几个常量合并到一个集合中 位操作,可以有效地执行 AND 、OR 这样的位操作 但是 位域比int 常量枚举缺点更多 2、java.util 包里面的EnumSet 类是有效的替...

职业搬砖20年 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部