利用vue-cli创建新项目和引入Bootstrap的方法

一、创建vue项目之前你需要知道：

1.1 如果本机没有安装node运行环境，请下载node 安装包进行安装
1.2 如果本机已经安装node的运行换，请更新至最新的node 版本
下载地址：https://nodejs.org/en/ 或者 http://nodejs.cn/

     1.1 下载git 并安装
    下载地址 https://git-for-windows.githu...
     安装成功后 右键菜单

   检测node npm 是否安装成功

node -v 

npm -v

二、安装vue-cli脚手架

1.安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.全局安装vue-cli

cnpm install vue-cli -g

三、创建vue-cli项目

1.vue init webpack demo

2.cd demo

3.cnpm install

4.cnpm run dev

四、安装jQuery

   1.cnpm install jquery --save-dev

2.打开webpack.base.conf.js

加入配置项：var webpack = require("webpack")；

3.

在module.exports的里面加入

plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
         jQuery: "jquery",
         $: "jquery"
    })
]

最后在main.js中加入import $ from 'jquery' 完成jQuery的引入。

五、引入bootstrap