WebStorm7快速入门.docxVIP

WebStorm快速入门探索WebStorm欢迎来到WebStorm!这个简短指南会帮助你初步掌控这个IDE.在开始之前You can start working with WebStorm right after the installation你能在安装完WebStorm之后立刻开始工作,它提供了一系列配置和准备好供使用的开发环境,包括像Node.js,CoffeeScript,?TypeScript,?Dart,?Jade,?Sass,?LESS?and?Stylus这样的流行前端框架.WebStorm是跨平台的,他能在Windows, Mac OS?X, and Linux上工作?.浏览IDE初次打开WebStorm或者当前没有打开的工程, 你能看到一个欢迎界面,提供给你IDE所有的主要入口,包括创建/打开工程,从版本控制库中检出工程,查看文档和可用插件列表:如果当前有打开的工程,你能看到一个被分为数个逻辑区域的主窗口:菜单栏和工具条,帮助你执行大量命令.导航条,导航工程的层级目录.状态条?包含整个IDE,在编辑的工程或者文档的提示,警告和错误信息.编辑器,编辑代码的地方.工具窗口.他们是数个运行不同功能的窗口,帮助你搜索和浏览工程和文件系统,查看搜索结果,运行,调试和测试程序,使用交互式控制台等等.为什么需要工程?任何你在WebStorm所做的事情,都是在工程的上下文中所做.工程表现为一个完整的软件解决方案,定义了一个工程范围内的设置.这为编码提示,体系重构和保持代码风格一致性提供了基础.See also:Project将代码导入WebStorm工程WebStorm中有三种建立工程的方式:远程下载源码并部署到WebStorm工程中?从版本控制库中导出代码并以此创建工程从头开始创建工程使用下载的源码创建工程更新软件是最常用的流程之一,这种情况下,你需要下载软件源代码,并将它们置于WebStorm工程中.首先,?配置存放源代码的服务器的访问通道(Tools | Deployment | Configuration).Start the打开?使用已有代码创建新工程向导?(File | New Project from Existing Files,然后制定连接远程服务器的方式 (Mounted Folder?or?FTP/SFTP/FTPS).See also:Creating a?project from downloaded sources通过版本控制仓库的源码创建一个工程同样的,你能从一个VCS或者其他类似GitHub的仓库下载源码.选择?VCS | Checkout from Version Control | your vcs). 当WebStorm询问事,键入你的证书来登陆相应的仓库.See also:Cloning a?repository from GitHubSetting up?a?local Git repositorySetting up?a?local Mercurial repositoryChecking out files from an?SVN repositoryChecking out files from a?CVS repository从头创建一个工程你可以从头开始创建一个工程,在其中开发你的软件.在?Welcome?页面, 单击 “Create New project”.在 “Create New Project” 对话框打开后, 键入类似工程名,放置工程的文件夹和工程类型等参数. 定义工程类型使你基于一些已有的外部框架基础上创建工程(HTML5?Boilerplate,?Twitter Bootstrap, 或针对前端软件的?Foundation?或使用Node.js的服务器端软件?Express)接下来,当工程打开后,在其中创建JavaScript文件. 首先在Project tool windowTo的工程根目录的右键菜单上点击?New, 选择JavaScript File,在New JavaScript File对话框中将文件命名为MyFile?.在新打开的编辑器中键入你的代码,WebStorm会自动保存文件.See also:Creating a?project from scratchGenerating a?project from a frameworkVCS可以肯定的是你将源代码置于版本控制之下,不管是 Mercurial还是Git还是 SVN,使用WebStorm都能轻松搞定.你只要点击Settings对话框中的?Version Control节点(Settings?对话框?—?Project Settings?-?Version Control). 如果你的