Giter VIP home page Giter VIP logo

vscode-typed-css-modules's Introduction

CSS Module Typed

logo

Creates .d.ts files from css-modules .css/.less/.scss/.sass/.styl files.

Install

Install deps first:

# require
npm install typed-css-modules

# if you need less
npm install less

# if you need scss/sass
npm install sass

# if you need stylus
npm install stylus

Modules can be installed globally. yarn is supported.

To switch the package manager (npm or yarn), you need to change the settings npm.packageManager of the built-in module vscode.npm.

Configuring

By default, the option to automatically format .d.ts files using eslint is enabled. You can disable this feature through the setting "typed-css-modules.eslint.enable": false.

Usage

put

// @type

or

/* @type */

ahead of your .css/.less/.scss/.sass/.styl file, and save, you will get a d.ts file in same directory.

preview

img

vscode-typed-css-modules's People

Contributors

awwit avatar dependabot[bot] avatar liaoyinglong avatar xcodebuild avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

vscode-typed-css-modules's Issues

Can't find `typed-css-modules` when using yarn instead of NPM

We use yarn in our project and hardly ever touch NPM. Looking at the source for your requireg method, it seems that it is dependent on the result of 'npm root -g', resulting in the error:

Error: vscode-typed-css-modules: Cannot find global module 'typed-css-modules'

Error with sass on save.

When i try saving scss file with

// @type

, i have next error

Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (80) For more information on which environments are supported please see: https://github.com/sass/node-sass/releases/tag/v4.14.1

But usually sass working correctly.

Possibly this related with using nvm, but not clear how to solve it.

Current node version: v14.15.0
Mac OS: 10.15.7

invalid path for d.ts file on windows 10

vscode 1.31.0
windows 10 v. 1809
dangxuandev.typed-css-modules-plugin 0.0.4

when I call generate form command pallete, nothing happens, in proces monitor I have CreateFile with INVALID NAME result for path: C:\c:\Source\xxx-tests\packages\module2\index.css.d.ts

BTW
cool idea :) keep it up :)

TypeError: DtsCreator is not a constructor

I'm getting it in the 0.0.6 version on top of the VS Code (latest). By the way, typed-css-modules version is 0.6.3. I found this issue already has been happened before though (among issues reports here).

TypeError: DtsCreator is not a constructor

After saving the CSS file, the following error appears: TypeError: DtsCreator is not a constructor

Plugin
dangxuandev.typed-css-modules-plugin: 0.0.6

Module
typed-css-modules: 0.6.0

VSCode

Version: 1.37.0
Commit: 036a6b1d3ac84e5ca96a17a44e63a87971f8fcc8
Date: 2019-08-08T01:24:14.598Z
Electron: 4.2.7
Chrome: 69.0.3497.128
Node.js: 10.11.0
V8: 6.9.427.31-electron.0
OS: Linux x64 5.2.3-1-default

Problem in the typed-css-modules. They changed the way symbols are exported:

https://github.com/Quramy/typed-css-modules/blob/46a312618dcd6a532db13c6de07dd03ccc70e58e/src/index.ts

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.