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
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
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
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
npm install --global vue-cli / cnpm install --global vue-cli ( )
vue init webpack vue-demo01
cd vue-demo01
cnpm install / npm install
, 。 cd
npm run dev
vue init webpack-simple vuedemo02
cd vuedemo02
cnpm install / npm install
npm run dev