vue-cli3 学习笔记

1、安装 vue-cli3:
npm install -g @vue/cli或yarn global add @vue/cli
2、创建一个新项目：
vue create projectName
也可以通过vue ui图形化界面进行创建或管理项目
vue-cli3默认使用Babel7编译ES6，ESLint进行代码审查。
npm run serve就可以运行项目了
3、vue-cli3与之前版本的不同：
vue-cli项目少了build，config，static文件目录，多了public文件夹。
vue-cli3旨在帮助工程师减少项目配置。
4、插件：
通过 vue add 添加官方插件，也可以自己开发插件。
插件开发指南请移步官方文档https://cli.vuejs.org/zh/dev-guide/plugin-dev.html
5、webpack的配置：
通过在项目根目录增加vue.config.js进行配置。npm run inspect 可以查看webpack配置。
详细配置请移步https://cli.vuejs.org/zh/config/
6、静态资源
引入public静态资源需用绝对路径，
module.exports = {
devServer: {
proxy: ‘http://localhost:4000’
}
}
如果你这样设置了代理，且需动态引入图片

export default {
data(){
return{
mysrc:”../assets/logo.png”
}
}
}
这种情况图片地址将会指向代理地址。可改成mysrc:require(‘../assets/logo.png’),