Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @fe6/vcmd with all npm packages installed. Try it out:

@fe6/vcmd lists no main file and has no index.js, so it can't be directly required. If this is a mistake, please let us know. It may however contain internal files that you can require manually:

// require("@fe6/vcmd/[??]")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@fe6/vcmd v0.5.1

本地运行 Vue.js 组件命令行工具

vcmd

本地运行 Vue.js 组件的命令行管理工具。主要是利用 @fe6/fecli 自动化创建出来的Vue.js 组件模板 本地开发及打包用的.

@fe6/vcmd NPM downloads NPM downloads

使用

$ fe6vc server
$ fe6vc build
$ fe6vc lint

package.json 默认配置

({
  "fe6vcmd": { // 打包配置
    "publicFolder": "example", // 公共的本地开发的目录
    "entryStyleFile": "index.ts", // css 入口文件
    "entryStyleFolder": "style", // css 入口文件夹
    "entryFile": "index.ts", // js 入口文件
    "entryFolder": "component", // js 入口文件夹
    "outputFolder": "dist", // 打包输出的文件夹
    "rootFolder": "src", // 源文件的根目录
    "port": 3000 // 本地开发的端口
  }
})

命令的功能

fe6vc server

  • style
    • 语法检测
    • sass 转译 css
  • ts
    • 语法检测
    • ts 转译
  • html
    • 渲染 vue
    • 实时编译

fe6vc server 例子

fe6vc build

  • style
    • 语法检测
    • sass 转译 css
    • 压缩
    • postcss 低版本兼容
  • js
    • 语法检测
    • ts 转译
    • 打包
    • 语法低版本兼容

fe6vc lint

  • style 语法检测
  • ts 语法检测

fe6vc lint 例子

更新历史

0.5.1

0.5.0

0.2.0

  • 资源文件支持自定义字体#c9a96bd

0.1.0

  • 本地开发命令 fe6vc server 或者 fe6vc s #2b099c6
  • 本地打包压缩版命令 fe6vc build 或者 fe6vc b #45ff9d4
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free