利用vue-cli创建新项目和引入Bootstrap的方法
2017-11-02 13:46
1416 查看
一、创建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.安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org
2.全局安装vue-cli
cnpm install vue-cli -g
三、创建vue-cli项目
1.vue init webpack demo2.cd demo
3.cnpm install
4.cnpm run dev
四、安装jQuery
1.cnpm install jquery --save-dev2.打开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
相关文章推荐
- 饿了么项目---1、vue-cli快速构建项目(包括兼容老项目时需引入bootstrap、jquery的方法)
- 详解vue-cli快速构建项目以及引入bootstrap、jq
- vue-cli2.x项目优化之引入本地静态库文件的方法
- vue-cli项目中单文件组件引入bootstrap.js异常的解决方案
- 【vue】如何在 Vue-cli 创建的项目中引入iView
- 如何在 Vue-cli 创建的项目中引入 iView组件UI
- vue-cli创建的项目,配置多页面的实现方法
- vue-cli如何引入bootstrap工具的方法
- 最新图解 利用vue-cli 脚手架创建项目
- vue-cli创建的项目,配置多页面的方法
- 利用vue-cli创建Vue项目
- vue-cli搭建的项目中引入jquery和bootstrap
- vue-cli+webpack在生成的项目中使用bootstrap方法(二)
- 在vue-cli项目中使用bootstrap的方法示例
- vue-cli+webpack在生成的项目中使用bootstrap方法(一)
- Vue-cli创建项目从单页面到多页面的方法
- vue-cli快速构建项目以及引入bootstrap、jq
- Vue Cli3 创建项目的方法步骤
- vue-cli创建的项目中引入第三方库报错 'caller', 'calle', and 'arguments' properties may not be...
- 利用vue-cli创建的vue项目结构解析