vue-cli腳手架快速構建專案

-------默認了有已經安裝了node-------

生成專案步驟:

一: npm install vue -g          //安裝vue

二: npm install vue-cli -g     //安裝vue-cli

三: vue init webpack demo  //建立專案(demo)   生成專案名為demo的的專案模板

引入外掛jq bootstrap

一:引入jq：
輸入 npm install jquery --save-dev      用npm下載jq依賴、

 找到build資料夾下的webpack.base.conf.js檔案開啟，修改配置：   

1、加入webpack物件：
let webpack=require('webpack');

 2、在module.exports裡面加入：
plugins: [
  new webpack.ProvidePlugin({
    $:"jquery",
    jQuery:"jquery",
    "windows.jQuery":"jquery"
  })
]

3、在入口檔案main.js中加入

import $ from 'jquery'      //全域性引入jq

二.引入bootstrap：

1.輸入 npm install bootstrap --save-dev      用npm下載bootstrap依賴

2、修改webpack.base.conf.js檔案：

alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'assets': path.resolve(__dirname, '../src/assets'),
      'jquery': "jquery/src/jquery"
    }
3.在入口檔案main.js中加入：

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

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

原文：https://blog.csdn.net/tanhao_282700/article/details/68955607