
vue cli3
Stark6
与其用明天追忆昨天,不如活在当下。
展开
-
vs code vue 开启调试模式
官网案例vue-cli官网有相关的教程,我在这里发现了一个注意事项,只有在chrome在当前文件的时候,设置的断点才会激活原创 2020-08-03 19:31:52 · 818 阅读 · 0 评论 -
使用electron打包前端代码安装包
项目的构建这里就不讲了,我的项目是使用vuecli创建的,node.js也是需要的一、npm安装npm install electron -gnpm install -g electron-prebuiltnpm install -g electron-packagerpackage.json{ "name": "wisdom", "version"...原创 2019-10-30 19:23:35 · 762 阅读 · 0 评论 -
使用vs code对vue进行断点调试
首先在vs code中安装Debugger for Chrome 之后配置launch.json{ "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "vuejs: chrome", "url":...原创 2019-10-17 19:24:34 · 1328 阅读 · 0 评论 -
vue框架饿了吗小项目(基础软件的安装)
最近在学习vue,看了一个视频使用vue cli来创建饿了吗小项目,打算基于vue cli3来实现。这里将遇到的问题和解决办法记载一下,以免时间长忘记了。第一次接触框架,肯定有很多理解不到位的地方,希望各位看官发现错误能够及时指正,以免误导他人。vue cli是vue的脚手架工具,将代码检查、书些规范、打包程序等很多插件集中在一起,方便构建网站。安装vue cli3需要先安装node.js...原创 2019-03-27 20:43:47 · 602 阅读 · 0 评论 -
vue框架饿了吗小项目(vue cli3遇到的问题)
说到vue cli就不得不提到webpack,它是一个打包器,可以将写好的代码打包。(其实我也不是很懂到底有什么用处,这里提供webpack的官网,大家自行研究吧)在写项目的时候,又是需要自定义以些接口或者组件,就需要手动配置webpack,但是去网上搜索的时候便会发现搜出来的很多都是cli2和cli1的内容,这里将搜索中可以直接忽略的内容列在下方:dev-server.js和dev-cl...原创 2019-03-27 21:28:23 · 386 阅读 · 0 评论 -
关于vue-cli文件引入路径
使用vuecli完成项目的时候,经常会引入各种文件。而每次引入的时候使用相对路径的话,是非常麻烦的。如果使用vue-cli的话,可以用~@来代表src文件,之后通过绝对路径来引用文件。vue-cli默认配置alias,将@配置为src文件,可以在\node_modules\@vue\cli-service\lib\config\base.js这个文件里看到源码.alias ...原创 2019-09-03 18:39:11 · 1231 阅读 · 1 评论 -
vue-cli自定义路径、router重定向、JS和CSS导入的差异
vue-router的重定向 { path: '/', redirect: '/recommend' },redirect之后放字符串的path即可自定义路径在文件引入的时候使用../../的方法很是麻烦,这里介绍一个使用自定义路径引入文件的方法:在vue.config.vue中定义module.exports = { conf...原创 2019-10-02 18:23:47 · 355 阅读 · 0 评论