vue.js、element-ui、vuexの環境構築例を共有

小云云
リリース: 2018-03-07 13:19:35
オリジナル
3911 人が閲覧しました

この記事では主に vue.js、element-ui、vuex 環境の構築例を共有し、皆様のお役に立つことを願ってグラフィックの例とコードを共有します。

1. プロジェクトを初期化します

vue init webpack 
ログイン後にコピー

vue.js、element-ui、vuexの環境構築例を共有

2. 依存関係パッケージを初期化します

npm install
ログイン後にコピー

アドレスバーに「localhost:8080」と入力します

4.ええ

5. vue -router パッケージのインポート vue.js、element-ui、vuexの環境構築例を共有

npm run dev
ログイン後にコピー

6. axios パッケージのインポート

npm install --save vue element-ui
ログイン後にコピー

7. sass-loader と node-sass プラグインのインストール

npm install --save vue-router
ログイン後にコピー

プロジェクトディレクトリ


8. 変更とデバッグ


vue の導入main.js への要素とルーター:vue.js、element-ui、vuexの環境構築例を共有

npminstall --save axios
ログイン後にコピー

新しいログイン vue ファイル:Ulogin.vue

npm install sass-loader -Dnpm install node-sass -D
ログイン後にコピー

routerindex.js ファイル設定ルーティング:vue.js、element-ui、vuexの環境構築例を共有

import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css';import VueRouter from 'vue-router'Vue.use(ElementUI)
Vue.use(VueRouter)
ログイン後にコピー

App.vue

ログイン後にコピー
ディレクトリ構造:

実行: npm run dev

vue.js、element-ui、vuexの環境構築例を共有


vue.js、element-ui、vuexの環境構築例を共有
関連する推奨事項: vue.js、element-ui、vuexの環境構築例を共有
vue.js、element-ui、vuexの環境構築例を共有vue、node、webpack環境構築チュートリアルの詳細説明

vue環境構築簡単チュートリアルのサンプル詳細説明

6つの推奨事項2017 年のベスト PHP 環境構築ツール

以上がvue.js、element-ui、vuexの環境構築例を共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!