vueプロジェクトで必要なパッケージをインポート
1389 ワード
一、VueにjQueryを導入する
まず、現在のプロジェクトのルートディレクトリ(package.jsonと同じディレクトリ)で、
実行コマンドnpm install jquery--save-dev
次に、webpackを変更します.base.conf.js var webpack=require(「webpack」)に加入する.
2、module.exportsの中に入る
plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery" }) ]
最後まで加えればいい.
最後はmain.jsにimport$from'jquery'を加えてjQueryの導入を完了します.
二、Vueにaxiosを導入する
1、axiosのインストール
cnpm install axios
2、main.jsに導入
三、elementの導入
1、ガイドパック
cnpm i element-ui -S
2、main.jsに導入
四、echartsの導入
1、ガイドパック
cnpm install echarts -S
2、main.jsに導入
五、vueにsassを導入する
1、sassをインストールする
npm install sass-loader node-sass --save-dev
2、sass導入
六、vueにgojsを導入する
1、gojsのインストール
npm install gojs --save
2、main.jsにgojsを導入
まず、現在のプロジェクトのルートディレクトリ(package.jsonと同じディレクトリ)で、
実行コマンドnpm install jquery--save-dev
次に、webpackを変更します.base.conf.js
2、module.exportsの中に入る
plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery" }) ]
最後まで加えればいい.
最後はmain.jsにimport$from'jquery'を加えてjQueryの導入を完了します.
二、Vueにaxiosを導入する
1、axiosのインストール
cnpm install axios
2、main.jsに導入
import axios from 'axios'
Vue.config.axios = axios
三、elementの導入
1、ガイドパック
cnpm i element-ui -S
2、main.jsに導入
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(Element)
四、echartsの導入
1、ガイドパック
cnpm install echarts -S
2、main.jsに導入
import echarts from 'echarts'
Vue.prototype.$echarts = echarts
五、vueにsassを導入する
1、sassをインストールする
npm install sass-loader node-sass --save-dev
2、sass導入
六、vueにgojsを導入する
1、gojsのインストール
npm install gojs --save
2、main.jsにgojsを導入
import gojs from 'gojs'
Vue.prototype.go = gojs