npm常用コマンドステップメモ

1755 ワード

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 VueRouter({routers//(略語)はrouters:routesに相当)3.4 new Vue({el:'#app',routeer,render:h:h:hhr:hr:hr:hr:hr:hr:hr:hr:hr:hr:hr:hr:hr:hr=>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