Vue-cli脚手架相关操作

安装vue-cli

npm i -g vue-cli

初始化

vue init webpack xxx

运行

npm run dev

打包

npm run build

安装&使用serve

npm i -g serve

serve xxx xxx为目录

Vue-cli文用途

Vue文件的模板

如何忽略eslint的语法检查

  • 打开eslintrc.js文件(rc指的是Runtime Configuration运行时配置)
  • 然后在rules属性添加对应的报错，设置为off或者0

打包成指定文件夹

项目目录的build文件夹下webpack.prod.conf.js文件的 webpackConfig 的 output添加配置plipublicPath:'/xxx/'，xxx为指定目录文件夹

实际应用中遇到的问题

  • components属性是一个对象值，不能写成数组值

https://xxcheng.top/tools/pages/demo/vue/first_vue_demo