웹프레임워크/vue.js

vue js + webpack install( 설치 )

quantumcode 2022. 1. 14. 17:59
728x90

 

vue js install

 

 

vue CLI

이제 Vue CLI를 설치해 보자. 기본적으로 Vue CLI를 설치하기 위해서는 8.9 버전 이상의 Node.js가 필요하다. 

Node.js를 설치하였다면 Vue-CLI를 설치하자.

vue cli 3.0 install npm i -g @vue/cli ( npm install -g @vue/cli )
vue version check vue --version 
vue update npm update -g @vue/cli

Vue CLI를 설치 후 버전을 확인해 보면 3.x이 설치된 것을 확인할 수 있다. 그리고 하나 더 설치하자.

vue cli 2 template npm i -g @vue/cli-init

@vue/cli-init은 2.x Template을 가져오기 위한 vue init기능을 제공한다.

 

 

웹팩 설치

webpack install

vue cli 3. vue init webpack my-project
vue cli 4. vue install --save-dev webpack-cli
vue cli 버전별 vue install --save-dev webpack-@version

 

vue webpack project에 scss적용

webpack scss 적용 npm install sass-loader node-sass --save-dev

= npm install -D sass-loader node-sass
webpack css loader  npm install stylus stylus-loader --sass-dev
= npm install -D stylus stylus-loader

 

npm install -g sass

 

 

 

node vercion8 사용시 :

vue.js 3.0 :  sass-loader version 7.3.1 ,  node-sass version 4.14.1

npm install sass-loader@7.3.11 node-sass@4.14.1

 

npm install sass-loader@7 node-sass@4

 

 

 

node vesion 10.14.2 사용시

npm install --save-dev style-loader
npm install --save-dev css-loader

npm install --save-dev sass-loader
npm install --save-dev node-sass

'웹프레임워크 > vue.js' 카테고리의 다른 글

mounted, created 차이점  (0) 2022.01.22
firebase 파일 분화하여 적용  (0) 2022.01.21
v-for 구문 v-bind:key  (0) 2022.01.21
firestore 사용하기  (0) 2022.01.15
vue.js 콤포넌트에서 data 선언  (0) 2022.01.15