正文
Vue-CLI3详解
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
vue-cli3快速开始node
安装,略。
webpack- 安装webpack
- npm install webpack webpack-cli -g
- 查看版本
- webpack -v
vue-cli- 安装vue-cli
- npm install vue-cli -g
- 查看vue-cli版本
- vue -V
- vue-cli2.x升级vue-cli3
- 卸载:npm uninstall vue-cli -g
- 安装:npm install -g @vue/cli
创建- 初始化项目
- vue create xxx
- 使用默认选项(或按需选择)
运行- cd xxx
- yarn serve
CLI简介
- npm install webpack webpack-cli -g
- webpack -v
- 安装vue-cli
- npm install vue-cli -g
- 查看vue-cli版本
- vue -V
- vue-cli2.x升级vue-cli3
- 卸载:npm uninstall vue-cli -g
- 安装:npm install -g @vue/cli
创建- 初始化项目
- vue create xxx
- 使用默认选项(或按需选择)
运行- cd xxx
- yarn serve
CLI简介
- vue create xxx
- 使用默认选项(或按需选择)
- cd xxx
- yarn serve
CLI简介
包括三部分:
- CLI
- CLI服务
- CLI插件
目前最新版本3.4
- https://github.com/vuejs/vue-cli
CLI- 三个主要命令
- vue create
- vue serve
- vue ui
服务- 命令:vue-cli-service
- https://cli.vuejs.org/zh/guide/cli-service.html#使用命令
选项
- vue create
- vue serve
- vue ui
- 命令:vue-cli-service
- https://cli.vuejs.org/zh/guide/cli-service.html#使用命令
选项
vue create里选项,官方叫CLI插件。
https://cli.vuejs.org/zh/guide/#cli-插件
安装详解
安装前准备
安装命令
查看版本
这里除了npm,还出现了yarn。yarn是什么?
- https://github.com/yarnpkg
- https://github.com/yarnpkg/yarn
- https://yarnpkg.com/zh-Hant/
- https://yarn.bootcss.com/
- npm yarn对比-jianshu
官网- vue-cli3.x
- https://cli.vuejs.org/zh/guide/
- vue-cli2.x
- https://github.com/vuejs/vue-cli/tree/v2#vue-cli--
- vue-cli3源码包含的东西
- https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue
其他
- https://cli.vuejs.org/zh/guide/
- https://github.com/vuejs/vue-cli/tree/v2#vue-cli--
- https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue
升级Vue-CLI3
- https://juejin.im/post/5c4a83e36fb9a049b13e91ba
一个模板
- https://github.com/wangyupo/vue-vuex-router/tree/master/src