Vue 各种问题的解决方法

  • 当执行

    时 ,报错

这是因为.vue文件包含有这么一段代码

 

解决方法是 ;

不需要手动改  package.json , 会自动加进去

  • How to use Bootstrap 4 media query mixins

原因是第一个例子中有这句代码

出自 Bootstrap 4 media query mixins

Bootstrap 4 media query mixins 的作用是 : 设置页面的布局 , 当size发生变化时 , 触发相应的断点 

详见  https://mdbootstrap.com/docs/vue/layout/overview/

https://mdbootstrap.com/docs/vue/layout/grid-usage/

解决方法是 :

package.json  dependencies 加

devDependencies  加

之后 nmp install

跟目录加  vue.config.js , 内容为

把 vuestic-admin-master 的  sass 和 vuestic-theme 文件夹copy 过去

  • 如何在 vs code debug Vue

需要先载入folder

最初的 json是

 

  • 怎么在 component 里使用另一个 component

详细见

  • 怎么在 vue 使用  scss

https://flaviocopes.com/vue-using-scss/

  • .vue 文件的   $t 是什么意思

是支持 unicode的意思 , 可以去掉

  • 怎么载入  scss

例子程序的scss 文件在 :   F:\code\Vue\vuestic-admin-master\src\vuestic-theme\vuestic-sass\overrides\_material-forms.scss

  • 为什么用 vue_cli 3.0 建立的程序一开始没有  vue.config.js

因为默认的并不需要,将来如果用到, 可以自己加

Where is the config files and why isn’t it anywhere in the top level folders, etc?

The initial project doesn’t require the file to exist because you just created a project with fresh “default” settings that don’t require any config.

Just create it yourself. it’s even mentioned in the README:

Many aspects of a Vue CLI project can be configured by placing a vue.config.js file at the root of your project. The file may already exist depending on the features you selected when creating the project.

(emphasis mine)

Edit: now to be found here: https://cli.vuejs.org/config/#global-cli-config

**********   vue开源程序的  vue.config.js是这样的