현재 VS Code 를 이용하여 React 로 개인 Site를 작성하고 있습니다.

VS Code 의 Emmet 기능을 확장하는 방법에 대해서 기록을 남깁니다.

 

제작사 WebSite 입니다.

https://www.emmet.io/

 

아래 YouTube 를 통해서 내용을 확인하십시오.

https://youtu.be/EzGWXTASWWo

 

VS Code 의 Setting.json 파일에 아래와 같이 추가하여 사용하고 있습니다.

    "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "vue-html": "html",
        "plaintext": "jade"
    },
    "emmet.syntaxProfiles": {
        "html": {
            "attr_quotes": "single",
            "indent": true,
        },
        "jsx": {
            "attr_quotes": "single",
            "indent": true,
            "self_closing_tag": true
        }
    }

 

반응형

'Tools > VS Code' 카테고리의 다른 글

[VS Code] Extensions  (0) 2020.01.17

npm i express mongoose body-parser cookie-parser morgan nodemon dotenv cors

Installing MongoDB on MAC
https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/

Installing MongoDB on Windows
https://docs.mongodb.com/manual/tutorial/install-mongodb-on-windows/

Installing Robo3T
https://robomongo.org/

MongDB Restart
sudo brew services restart mongodb-community

npm i express-validator jsonwebtoken express-jwt formidable lodash slugify string-strip-html

 

 

killall node

kill node -p 8000

pkill -8000 node

npm start

 

 

 

import Link from 'next/link';

 

 

<a href='/Signin'>Sign In</a>

 

==> 

 

<Link href='/Signin'>

    <a>Sign In</a>

</Link>

 

 

npm install --save isomorphic-fetch es6-promise

 

npm install js-cookie

 

npm install nprogress

 

 

https://nextjs.org/docs

Importing CSS / Sass / Less / Stylus files

 

npm install @zeit/next-css

 

 

blog back end

 

1. blog model/blog scheme

2. blog route

3. add blog route to server.js

4. blog controller

5. postman test

 

 

Text Editor

npm install react-quill 

 

npm i moment react-render-html

 

DISQUS commenting System

www.disqus.com

 

npm i prop-types

 

https://github.com/kriasoft/react-starter-kit/blob/master/docs/recipes/how-to-integrate-disqus.md

 

Email system

sendgrid.com

 

in backend

npm i @sendgrid/mail

 

decode token

in frontend :

npm i jsonwebtoken // to decode token.

 

 

 

반응형

'Web > React' 카테고리의 다른 글

[React] React for ECommerce Site with Redux 1  (0) 2020.01.30
[Web/React] React info ...  (0) 2020.01.29
[React] React 정리  (0) 2018.02.19


많이 늦었지만 

좋은 글이 있어 올려봅니다.



개발자가 필히 알아야 할 ES6 10가지 기능



행복한 고수되셔요.


woojja ))*

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

반응형

'Web > JavaScript' 카테고리의 다른 글

[JavaScript] WebPack  (0) 2017.10.09
[JavaScript] SystemJS  (0) 2017.10.08
[JavaScript] Interval, Timeout  (0) 2017.02.11
[JavaScript] Markup Insertion  (0) 2017.02.10
[JavaScript] Pop Up 차단 확인  (0) 2017.01.26

+ Recent posts