首页 > Web开发 > 详细

vue使用webpack脚手架

时间:2021-04-28 14:43:48      阅读:33      评论:0      收藏:0      [点我收藏+]

1、全局安装webpack
npm install webpack -g

2、全局安装vue
npm install -g @vue/cli-init

3、初始化项目
vue init webpack 

4、运行
npm run dev

5、打包
npm run build 

6、项目架构index.html-->main.js-->App.vue-->index.js-->conponents组件
build--打包webpack相关
config--配置端口相关
node_modules--项目依赖
src--代码相关,main.js--主程序
static--静态资源、字体、图片
index.html--首页内容
package.json--依赖包的信息

7、elementUI安装main.js中引入
npm i element-ui
import ElementUI from ‘element-ui‘;
import ‘element-ui/lib/theme-chalk/index.css‘;

Vue.use(ElementUI);

vue使用webpack脚手架

原文:https://www.cnblogs.com/CodeWang666/p/14713432.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!