live-css-editor
Source code for Chrome/Edge/Firefox/Opera extension Magic CSS (Live editor for CSS, Less & Sass)
파일 탐색기
최종 버전 다운로드 (.zip)- post-checkout-check-node-version.mjs
- post-checkout-check-npm-install-status.mjs
- logger.mjs
- semver.js
- settings.json
- login-flow.drawio.xml
- screenshot-wikipedia.jpg
- screenshot-wikipedia.md
- screenshot-wikipedia.png
- product-description.txt
- messages.json
- detectEnvironment.js
- instanceAndFeatures.js
- theWin.js
- updateConfigFromRemoteForNextLoad.js
- icon-128.png
- icon-16.png
- icon-24.png
- icon-256.png
- icon-256.svg
- icon-32.png
- icon-40.png
- icon-48.png
- icon-64.png
- icon-dark-scheme-128.png
- icon-dark-scheme-16.png
- icon-dark-scheme-24.png
- icon-dark-scheme-256.png
- icon-dark-scheme-32.png
- icon-dark-scheme-40.png
- icon-dark-scheme-48.png
- icon-dark-scheme-64.png
- generate-icons.sh
- icon-128.png
- icon-16.png
- icon-24.png
- icon-256.png
- icon-256.svg
- icon-32.png
- icon-40.png
- icon-48.png
- icon-64.png
- colorpicker.css
- colorpicker.css.source.txt
- colorpicker.js
- colorpicker.js.source.txt
- colorview.js
- colorview.js.source.txt
- colorview_customized.js
- colorview_customized.js.source.txt
- comment.js
- comment.js.source.txt
- placeholder.js
- placeholder.js.source.txt
- closebrackets.js
- closebrackets.js.source.txt
- matchbrackets.js
- matchbrackets.js.source.txt
- emmet-codemirror-plugin.js
- emmet-codemirror-plugin.js.source.txt
- css-hint.js
- css-hint.js.source.txt
- css-hint_customized.js
- css-hint_customized.js.source.txt
- show-hint.css
- show-hint.css.source.txt
- show-hint.js
- show-hint.js.source.txt
- show-hint_customized.js
- show-hint_customized.js.source.txt
- css-lint.js
- css-lint.js.source.txt
- css-lint_customized.js
- css-lint_customized.js.source.txt
- lint.css
- lint.css.source.txt
- lint.js
- lint.js.source.txt
- searchcursor.js
- searchcursor.js.source.txt
- active-line.js
- active-line.js.source.txt
- sublime.js
- sublime.js.source.txt
- css.js
- css.js.source.txt
- ambiance.css
- ambiance.css.source.txt
- codemirror.css
- codemirror.css.source.txt
- codemirror.js
- codemirror.js.source.txt
- csslint.js
- csslint.js.source.txt
- csspretty.js
- csspretty.js.source.txt
- magicsuggest.css
- magicsuggest.css.source.txt
- magicsuggest.js
- magicsuggest.js.source.txt
- sass.sync.min.js
- sass.sync.min.js.source.txt
- socket.io.slim.dev.js
- socket.io.slim.dev.js.source.txt
- socket.io.slim.js
- socket.io.slim.js.source.txt
- toastr.css
- toastr.css.source.txt
- toastr.js
- toastr.js.source.txt
- toastr_customized.js
- toastr_customized.js.source.txt
- jquery.tooltipster.js
- jquery.tooltipster.js.source.txt
- tooltipster-scrollableTip.js
- tooltipster-scrollableTip.js.source.txt
- tooltipster.css
- tooltipster.css.source.txt
- .editorconfig
- amplify-store.js
- amplify-store.js.source.txt
- basic-less-with-sourcemap-support.browserified.js
- basic-less-with-sourcemap-support.browserified.js.source.description.txt
- basic-less-with-sourcemap-support.browserified.js.source.txt
- css.escape.js
- css.escape.js.source.txt
- jquery-ui.css
- jquery-ui.css.source.txt
- jquery-ui.js
- jquery-ui.js.source.txt
- jquery-ui_customized.css
- jquery-ui_customized.css.source.txt
- jquery.js
- jquery.js.source.txt
- jquery.ui-touch-punch_customized.js.source.txt
- jquery.ui.touch-punch.js
- jquery.ui.touch-punch.js.source.txt
- jquery.ui.touch-punch_customized.js
- source-map.js
- source-map.js.source.txt
- tooltip.css
- codemirror-as-global.js
- magicss-codemirror.css
- ignore-some-rules.js
- pre-csspretty.js
- jquery-as-global.js
- socket.io-as-global.js
- getUuid.js
- isFeatureEnabled.js
- mainFnMetricsHandler.js
- metricsUrlGenerator.js
- myWin.js
- nativeAlert.js
- ext-lib.js
- editor-standalone-example.js
- editor.css
- editor.js
- sendMessageForMetrics.js
- generate-selector.js
- magicss.css
- magicss.js
- alertNote.js
- basisNumberFromUuid.js
- beautifyCss.js
- chromeStorage.js
- confirmDialog.css
- confirmDialog.js
- delayFunctionUntilTestFunction.js
- i18n.js
- isValidUuidV4.js
- lessToCss.js
- loadScript.js
- minifyCss.js
- postMessageWithReturnAsync.js
- randomUUID.js
- removeComments.js
- sassToCss.js
- StyleTag.js
- waterfall.js
- actions.js
- appVersion.js
- background-magicss-include.js
- background-operations.js
- load-editor.js
- load-reapply.js
- loading-magic-css.js
- migrate-storage.js
- platformInfoOs-android.js
- platformInfoOs-non-android.js
- reapply-css.js
- utils.js
- flagDevMode.js
- readyStateConstants.js
- requestUserViaConsoleToReportUnexpectedError.js
- siteOrigin.js
- command-palette.js
- getCommands.js
- common-styles.css
- searchIcons.css
- searchIcons.js
- searchIconsConfiguration.css
- searchIconsConfiguration.js
- searchUi.css
- searchUi.js
- ResponsiveDialog.js
- AfterDelay.js
- readyStates.js
- GenericAccordion.js
- Loading.css
- Loading.js
- actionTypes.js
- helpers.js
- Autocomplete.js
- CodeEditorTheme.js
- DefaultMode.js
- ExperimentalOptions.js
- FontSize.js
- Indentation.js
- LoadForIframe.js
- NotificationsForPin.js
- Storage.js
- Form.css
- Form.js
- helpers.js
- RegistrationOptions.css
- RegistrationOptions.js
- TabAccount.js
- TabHelp.css
- TabHelp.js
- TabOptions.js
- commonStyles.css
- Main.css
- Main.js
- MainTabs.js
- options.js
- optionsSetup.js
- optionsZustandStore.js
- styles-reset.css
- commandPaletteReducer.js
- searchIconsReducer.js
- appReducer.js
- rootReducer.js
- actions.js
- main.js
- store.js
- ban.svg
- ban_edited-white.svg
- ban_edited-yellow.svg
- ban_edited.svg
- close-x_edited-yellow.svg
- close-x_edited.svg
- compress.svg
- copy.svg
- hash.svg
- hash_edited.svg
- icon-login_edited.svg
- icon-plus-yellow_edited.svg
- icon-plus.svg
- icon-settings.svg
- icon-shiny-check-green.svg
- icon-smile.svg
- line-wrap.svg
- line-wrap_edited.svg
- link-external.svg
- link-external_edited-yellow.svg
- link-internal_edited-yellow.svg
- logo-chrome-grayscale.svg
- logo-chrome-grayscale_edited.svg
- logo-chrome-web-store.png
- logo-chrome-web-store.svg
- logo-chrome.svg
- logo-extension-mirror-image.png
- logo-facebook.svg
- logo-facebook_edited.svg
- logo-firefox_edited.png
- logo-github.png
- logo-github_edited.png
- logo-google-chrome.svg
- logo-microsoft-edge-chromium.svg
- logo-microsoft-edge-chromium_edited.svg
- logo-microsoft-edge.svg
- logo-microsoft-edge_edited.svg
- logo-microsoft.svg
- logo-mozilla-add-ons-store.svg
- logo-mozilla-add-ons-store_edited-black.svg
- logo-mozilla-add-ons-store_edited.svg
- logo-mozilla-addons_edited.png
- logo-opera.svg
- logo-thenounproject.svg
- logo-twitter-black.png
- mail.svg
- mail_edited.svg
- pin.svg
- pin_edited.svg
- plus.svg
- plus_edited.svg
- point-and-click.svg
- point-and-click_edited-yellow.svg
- point-and-click_edited.svg
- reload.svg
- reload_edited-yellow.svg
- reload_edited.svg
- settings-server.svg
- settings-server_edited.svg
- settings.svg
- smiley.svg
- sources.txt
- triple-dots.svg
- triple-dots_edited.svg
- unordered-list.svg
- unordered-list_edited.svg
- warning-circle.svg
- warning-circle_edited.svg
- warning.svg
- watch.svg
- watch_edited-yellow.svg
- watch_edited.svg
- notify-completion-status.js
- webpack.config.js
- alert.html
- alert.js
- background-magicss.html
- background-magicss.js
- constants.js
- external-editor-base.js
- external-editor.css
- external-editor.html
- manifest-chrome.json
- manifest-edge.json
- manifest-firefox.json
- manifest-generator.mjs
- manifest-kiwi.json
- manifest-opera.json
- manifest-puppeteer.json
- manifest.json
- options.html
- README-FOR-EXTENSION-REVIEWERS.md
- .gitignore
- icon-150.png
- icon-44.png
- icon-50.png
- ensure-no-npm-links.sh
- sample.css
- sample.html
- sample2.css
- file-with-same-name-existing-at-two-different-paths.css
- file-placed-in-a-folder-disabled-from-watch-by-default.css
- .css
- .file-name-starting-with-dot.css
- .gitignore
- css-file-with-invalid-sub-resource-integrity.css
- css-file-with-unexpected-extension.mystyles
- css-file-without-any-extension
- example.html
- example2.css
- file-not-used.css
- file-placed-at-same-level-as-html-file-accessed-with-relative-path.css
- file-which-gets-linked-twice.css
- file-with-same-name-existing-at-two-different-paths.css
- file-with-unicode-character-á.css
- file-with-unicode-character-ë.css
- node_modules.css
- styles.css
- file-placed-one-level-up-than-html-file-accessed-with-relative-path.css
- file-placed-two-levels-up-than-html-file-accessed-with-relative-path.css
- example.css
- index.html
- .gitignore
- .npmignore
- .nvmrc
- default.live-css.config.js
- index.js
- live-css.html
- nodemon.json
- package-lock.json
- package.json
- README.md
- prepare-version.sh
- update-package-lock-json.sh
- get-latest-reviews.mjs
- .gitignore
- all-is-well.sh
- ensure-no-npm-links.sh
- package-lock.json
- package.json
- version-consistency-check.js
- child-css.css
- index.html
- parent-css.css
- .gitignore
- .gitignore
- about-to-search-for-arrow-icon-snap.png
- command-palette-search-icon-snap.png
- command-palette-snap.png
- focused-input-search-icons-ui-snap.png
- hundred-search-results-and-one-result-selected-snap.png
- joyride-for-search-icons-snap.png
- magic-css-loaded-snap.png
- opened-and-focused-search-icons-configuration-2-snap.png
- opened-and-focused-search-icons-configuration-snap.png
- opened-search-icons-configuration-2-snap.png
- opened-search-icons-configuration-snap.png
- page-1-search-results-for-arrow-icon-snap.png
- search-for-arrow-icon-with-erroneous-configuration-snap.png
- search-icons-ui-snap.png
- .gitignore
- sample-secrets.js
- .gitignore
- package-lock.json
- package.json
- screenshots-in-multiple-browsers.test.mjs
- screenshots-in-single-browser.test.mjs
- error.png
- info.png
- sources.txt
- warning.png
- notifications.js
- .editorconfig
- .eslintignore
- .eslintrc
- .gitignore
- .nvmrc
- copy-files-from-to.cjson
- FIXME.md
- LICENSE
- notes-for-developers.md
- package-lock.json
- package.json
- PRIVACY-POLICY.md
- README.md
- TODO.md
- zip-extension.mjs
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/webextensions/live-css-editor
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd live-css-editor
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Node.js
쉬움 추천사전 준비물
cd live-css
이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.
npm install
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
npm start
개발/실행 서버를 켭니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
// repository documentation
Was this content helpful?
(0 ratings)
