脚本宝典收集整理的这篇文章主要介绍了Vue运行时全解析 - VueCLI3上手(一),脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
VRFA: (Vue Runtime Full Analysis) 可以译作vue 运行时过程全面分析和解析,这个全面分析涉及到比较基础的或者复杂的重要前端概念和vue中的概念等。
注: 本篇是《Vue运行时全解析》系列文章的第一篇,首次发表于https://segmentfault.com,友善转载蟹蟹。
根据官方核心开发者的说法,vue 升级到 3,他的脚手架应该也是这个 。
Cannot upgrade via deps
Useless scripts checked into projects
No ecosystem sharing
mozila:webpack-chain
链式修改配置,更加优雅yarn global add @vue/cli
# yarn 被推荐,大部分vue的开发的项目都使用yarn
# 快,缓存
vue create my-project
vue ui
这里如果是 windows 环境,如果遇到问题尝试安装 yarn 包管理工具后选择包管理工具时选择 yarn。yarn VS npm 的文章 http://web.jobbole.com/88459/
有问题可以 https://github.com/vuejs/vue-... 或者 https://forum.vuejs.org/latest
默认 preset 里面只带有 babel 和 eslint 插件
# 使用cli-init工具
npm install -g @vue/cli-init
vue init webpack my-project
# VueCLI3脚手架中默认是没有安装vuex和vue-router
vue add router
vue add vuex
// 项目根目录下新建 vue.config.js
module.exports = {
lintOnSave: false // 保存时检查格式,使用eslint
crossorigin: 'anonymous' // htmlWebpackPlugin
css: { // 对组件中css的配置
modules: true
},
devServer: { // 对开发服务的设置
// Various Dev Server settings
host: '0.0.0.0', process.env.HOST
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
open: true, // 自动调用默认浏览器打开
https: false // 是否使用https, https使用node的一个内部默认的ca证书
}
}
// 查看内置默认的项目配置需要使用 vue inspect命令
vue serve template.vue
本节主要介绍了下VueCLI3诞生的原因与初衷,以及想要达到的效果,并简单说明了使用VueCLI3脚手架工具生成一个项目。
附:更多内容请参考VueCLI核心维护者蒋豪群同学的VueCLI的公开课视频
以上是脚本宝典为你收集整理的Vue运行时全解析 - VueCLI3上手(一)全部内容,希望文章能够帮你解决Vue运行时全解析 - VueCLI3上手(一)所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。