728x90
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 |