npm 상용 명령 절차 메모

1628 단어
1. SCSS 구성
1.1 npm install sass-loader --save-dev 1.2 npm install node-sass --sava-dev 1.3 webpack.base.conf.js의rules 설정 {test:/.scss$/,loaders:['style','css','sass'}
2.mint-ui
cnpm install mint-ui -S
3.element-ui
cnpm i element-ui -S
4.vuex
vuex cnpm install vuex --save
5.router
vue 라우팅 구성: 1.npm install vue-router --save//cnpm install vue-router 설치 2.이메일js는 import VueRouter from'vue-router'Vue를 도입하고 사용합니다.use(VueRouter) 3.설정 루트 3.1 구성 요소 도입 구성 요소 3.2 정의 루트 (복제 권장) const routes = [{path:'/foo', component:Foo}, {path:'/bar', component:Bar}, {path:', redirect:'/foo'}//기본 점프 루트] 3.3 실례화 VueRouter const router = new Vuers////(줄임말)는routes:routes에 해당) 3.4 Vue 마운트 (new appue: ",router,render:h=>h(app)}3.5개 구성 요소의 템플릿에서 3.6 루트를 사용하여 Go to Foo Go to Bar 점프
6. qs 라이브러리
qs는 보안 검색 문자열의 해석과 서열화 문자열을 추가한 라이브러리입니다.npm install qs
7 vue의 개발 환경 구축:
https://cn.vuejs.org/v2/guide/installation.html1. nodejs 2를 설치하고 vue의 개발 환경을 구축하며 vue의 비계 도구를 설치해야 한다. 공식 명령행 도구를 설치한다.
    npm install --global vue-cli  /   cnpm install --global vue-cli         (          )

3. 프로젝트를 만들려면 반드시 cd를 해당하는 항목에 넣어야 한다.
    vue init webpack vue-demo01

    cd  vue-demo01 
    
    cnpm install   /  npm install          
                    ,       。       cd              
    npm run dev

4, 다른 방식으로 프로젝트를 만드는 방법(추천)***
    vue init webpack-simple vuedemo02

    cd  vuedemo02
    
    cnpm install   /  npm install        
    
    npm run dev

좋은 웹페이지 즐겨찾기