Skip to content

kamranAeff/vscodetool

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vscodetool

Ekran görüntüsü

File Structure

  • assets
    • css
    • img
    • js
  • source
    • scss
    • ts
  • index.html
  • Readme.md
  • tsconfig.json

Git Global Ignore Config

get configurations

git config -l

set excluded files

git config --global core.excludesfile 'C:/Program Files/Git/.gitignore_global'

.gitignore_global file content

/assets/css/* /assets/js/* /node_modules

Sass Configuration File

    "liveSassCompile.settings.showOutputWindow": false,
    "liveSassCompile.settings.formats": [
        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": "./assets/css"
        },
        {
            "format": "compressed",
            "extensionName": ".min.css",
            "savePath": "./assets/css"
        }
    ]

TypeScript access apply

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned

TypeScript global Install

npm install -g typescript

Get TypeScript version

tsc --version

Compite TypeScript file

tsc app.ts OR tsc app.ts --watch

Typescript concat modules

tasks.json

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "Union Typescript Files",
            "type": "shell",
            "windows": {
                "command": "{fullPath}\\vscodetool.exe",
                "args": [
                    "${workspaceRoot}",
                    "sources\\ts",
                    "sources\\ts\\build\\app.ts"
                ]
            },
            "group": "build"
        }
    ]
}

Typescript configuration file

tsc init

{
  "compilerOptions": {
    "target": "es5",
    "module": "System",
    "lib": [
      "DOM",
      "es2015",
      "es5"],
    "types": ["jquery"],
    "removeComments": true,
    "preserveConstEnums": true,
    "forceConsistentCasingInFileNames": false,
    "rootDir": "./",
    "outFile": "./assets/js/app.js",
    "baseUrl": "./",    
    "declaration": false
  },
  "files": ["sources/ts/build/app.ts"],
  "exclude": ["node_modules", "**/*.spec.ts"]
}

Include Jquery module for TypeScript

npm install @types/jquery --save-dev

Create npm package config

npm init

Add babel modules

npm install @babel/cli @babel/core @babel/polyfill @babel/preset-env --save-dev

.babelrc file

{ "presets": ["@babel/preset-env"] }

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published