使用vscode软件运行zebrajs框架小结

最近在研究使用zebrajs框架,用vscode编辑器进行开发。vsc这个编辑器说起来还是很强大的,就是支持各种系统的多种语言开发。用于前端的话可以直接在编辑器上边调试javascript,就是需要nodejs的环境。这个编辑器不像大多数的编辑器一样可以直接写完页面然后在浏览器上边运行进行普通调试。在使用vsc的时候要是进行调试的时候你要先安装node的环境,然后进行node debugg。本人使用的是mac系统,这个系统是最近才开始使用的,还不是很熟悉各种终端命令之类的。为了配置这一个环境花费了很久的时间。下边就说说怎么配置这个环境吧。

一:安装

首先

  1.安装vsc的编辑器。输入https://code.visualstudio.com/网址,打开之后直接点击Download for Mac,直接就能下载下来免安装版本的。

  2.安装vsc所用的插件。可通过搜索https://marketplace.visualstudio.com/vscode查找所需要的插件

然后就是环境的配置了。

  首先安装node。在终端使用命令行进行安装。

    1.ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"  (下载Homebrew)

    2.brew update  (更新brew)

    3.brew doctor  (检查brew)

    4.export PATH="/usr/local/bin:$PATH"   (将brew的位置添加到$PATH环境变量中)

    5.  1.brew link node  (如果之前安装node使用此命令行给两个node连接) 

         2.brew uninstall node  (卸载node)

         3.brew install node  (安装node)

    6.node -v   (检测node的版本,看是否安装成功)  npm -v  (检测npm的版本,看是否安装成功)

    7.安装成功之后在所要写的项目的根目录下边创建package.json文件

  最后,安装zebra.js的要求安装gulp。网址为:http://www.gulpjs.com.cn/

    1.全局安装 gulp:$ npm install --global gulp

    2.作为项目的开发依赖(devDependencies)安装:$ npm install --save-dev gulp

    3.在项目根目录下创建一个名为 gulpfile.js 的文件:

        var gulp = require('gulp');

        gulp.task('default', function() {

           // 将你的默认的任务代码放在这

        });

    4.运行 gulp:$ gulp

二:zebra.js项目的运行命令:进入项目之后运行一下命令

  1.npm install 

  2.gulp

  3.gulp runtime

  4.gulp http   (运行完之后可以直接在浏览器打开终端上边提示的网址,就能看到项目了)

  总的步骤可以搜索https://github.com/barmalei/zebkit看到

原文地址:https://www.cnblogs.com/shenhf/p/6916958.html