vue-cli配置环境：

最新推荐文章于 2023-06-19 13:59:01 发布

weixin_34238633

最新推荐文章于 2023-06-19 13:59:01 发布

阅读量63

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ui webpack ViewUI

原文链接：http://www.cnblogs.com/webwangjie/p/7458404.html

本文介绍如何使用 Vue CLI 全局安装并创建基于 Webpack 模板的新项目。解决首次打包出现空白页的问题，并引入 Bootstrap CSS 库增强 UI 设计。

npm install --global vue-cli  全局安装 vue-cli
vue init webpack my-project 创建一个基于 webpack 模板的新项目
cd my-project 进入项目目录
npm run dev 运行项目
npm run build 打包项目
注：第一次打包时发现页面打开是空白页，把config文件夹下的index.js中 build对象的assetsPublicPath改为"./"
然后重新打包，页面就可以正常打开了
npm i vue-resource vue-router vuex bootstrap --save 添加UI库，这里添加的是bootstrap的css库
import '../node_modules/_bootstrap@3.3.7@bootstrap/dist/css/bootstrap.min.css'  添加UI库后，在main.js里import bootstrap（路径要写对），这样就能在项目中使用bootstrap库了

转载于:https://www.cnblogs.com/webwangjie/p/7458404.html