使用vue建立vue專案

Node.js安裝npm

Npm安裝淘寶映象cnpm

使用npm安裝wekpack

使用npm安裝vue-cli腳手架

開始建立vue專案

vue init webpack my-project

cd my-project

npm init

執行專案

npm run dev

編譯專案

npm run build

Vue專案中使用jquery

1、使用npm安裝jquery

npm install jquery --save-dev

2、在webpack配置

在專案根目錄下的build目錄下找到webpack.base.conf.js檔案，在開頭使用以下程式碼引入webpack，因為該檔案預設沒有引用，

var webpack = require('webpack')

然後在module.exports中新增外掛配置

增加一個pluginsplugins: [  new webpack.ProvidePlugin({    $: "jquery",    jQuery: "jquery",    "windows.jQuery": "jquery"  })]

再然後在alias: {

 webpack 使用 jQuery，如果是自行下載的'jquery': path.resolve(__dirname, '../src/assets/libs/jquery/jquery.min'),

 如果使用NPM安裝的jQuery

}中新增

3、在任何地方新增import $ from 'jquery'即可使用jquery

vue專案中使用bootstrap

1、npm安裝bootstrap

npm install [email protected] --save-dev

2、在main.js的最上面引用

import 'bootstrap/dist/css/bootstrap.min.css'import 'bootstrap/dist/js/bootstrap.min.js'

vue專案中使用Elementui

Element 官方文件 http://element-cn.eleme.io/#/zh-CN/guide/design

1、安裝npm i element-ui

2、完整引入

在 main.js 中寫入以下內容：

import Vue from 'vue'

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

import App from './App.vue'

Vue.use(ElementUI)