您好,欢迎来到刀刀网。
搜索
您的当前位置:首页如何使用vue和webpack搭建项目

如何使用vue和webpack搭建项目

来源:刀刀网

1.首先新建一个文件夹,用vscode打开该文件夹
2.进入终端

3.使用npm install -g vue-cli安装vue-cli

4.使用vue init webpack my-project系统会帮我们创建一个my-project文件夹并初始化包括安装相关的依赖,非常的方便
这里面有一个巨坑,总是会安装失败,提示Please try running this command again as root/Administrator.

5.我开始在vscode里面打开终端,一直提示没有权限报错,解决方法是以管理员的身份打开cmd终端,然后再使用npm cache clean -f清除缓存

6.再次运行vue init webpack my-project就成功能安装成功啦!

安装成功会按照提示进入文件夹,走起~

7.在浏览器打开以下网址

访问成功

确认后输入npm run dev即可

你可以安装自己需要的UI框架,我以安装elementUI为例
1.运行npm i element-ui -S

打开package.json文件发现elementUI已经安装好了

打开main.js文件配置如下

关于elementUI组件的使用和自定义主题配色可以看官方文档

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- gamedaodao.com 版权所有 湘ICP备2022005869号-6

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务