自己的项目文件都需要放到 src 文件夹下
项目开发完成之后,可以输入 npm run build 来进行打包工作
npm run build
打包完成后,会生成 dist 文件夹,如果已经修改了文件路径,可以直接打开本地文件查看
项目上线时,只需要将 dist 文件夹放到服务器就行了。
vue打包需要注意的问题:
当使用 npm run build 打包完成,发现页面空白,其中有一点就是页面资源路径的问题!
注意:
1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的。先看一下默认的路径。
module.exports = {
build: {
env: require(‘./prod.env’),
index: path.resolve(__dirname, ‘…/dist/index.html’),
assetsRoot: path.resolve(__dirname, ‘…/dist’),
assetsSubDirectory: ‘static’,
assetsPublicPath: ‘/’,
productionSourceMap: true,
assetsPublicPath默认的是 ‘/’ 也就是根目录。而我们的index.html和static在同一级目录下面。 所以要改为 ‘./ ’
五、安装element-ui
1.安装命令:cnpm install element-ui --save
2.在main.js中加入如下代码:
import ElementUi from ‘element-ui’ //引入js
import ‘…/node_modules/element-ui/lib/theme-chalk/index.css’//引入css
Vue.use(ElementUI)
3. 输入命令:npm run dev 运行项目
这样你接可以尽情的使用element ui
注意以下几个坑:
1.是否引入js与css文件
css文件是静态文件地址,安装教程安装地址不会出错
2.检查node的版本,是否node版本过低
3.检查以下你的npm版本 npm版本是否过低
六、安装sass:
安装命令:npm install sass-loader --save;
npm install node-sass --save;
或者:npm install stylus-loader css-loader style-loader less-loader --save-dev
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
给大家分享一些关于HTML的面试题,有需要的朋友可以戳这里免费领取,先到先得哦。
的朋友可以戳这里免费领取,先到先得哦。**
[外链图片转存中…(img-PUwJldKh-1712214749284)]
[外链图片转存中…(img-sNJdQfMz-1712214749284)]