Protoshop Web The WebApp是此项目的组成部分，负责在浏览器中创建原型。需要搭配使用。生成的项目可在移动终端查看。Protoshop项目运行在上。本地预览按下文安装完开发工具依赖之后，在webapp目录下执行命令gulp server即可启动本地服务器，预览项目。

开发工具依赖克隆版本库之后，在本地安装如下依赖软件包：Node.js & npm，Bower，Gulp。有关如何安装这些依赖软件包的详细信息，可以参考原型开发工具和dockerce依赖软件包。

初始化本地开发环境在项目目录下执行命令：

  • npm install ——安装node模组

  • bower install ——加载第三方库

  • gulp server ——启动本地服务器

其他命令：

  • gulp --列出所有可用的gulp任务

  • gulp build --构建项目到dist目录

部署（Ctrip内部使用） gulp di。

在进行原型开发时，您可能会需要一些额外的工具，比如用于本地预览图片的本地预览图片和用于上传图片并进行本地预览的jquery上传图片本地预览。这些工具可以极大地提升您的开发效率和体验。

如果需要更详细的指南和资源，可以查看以下链接：

准备好迎接更高效的开发体验了吗？安装并配置好这些工具后，您会发现原型开发变得前所未有的顺畅和简单。快来试试吧！