第一课时: 使用Vue-Cli 3.0 创建一个项目
栏目: JavaScript · 发布时间: 5年前
内容简介：部分命令发生了变化：默认项目目录结构也发生了变化：
3.0 新加入了 TypeScript 以及 PWA 的支持
部分命令发生了变化：
- 下载安装 npm install -g vue@cli
- 删除了vue list
- 创建项目 vue create
- 启动项目 npm run serve
默认项目目录结构也发生了变化：
- 移除了配置文件目录，config 和 build 文件夹
- 移除了 static 文件夹，新增 public 文件夹，并且 index.html 移动到 public 中
- 在 src 文件夹中新增了 views 文件夹，用于分类 视图组件 和 公共组件
创建 vue-cli 3.0 项目
- npm install vue-cli @3.0 （如果你的vue -V版本小于3.0的话，用npm install -g vue@cli更新下vue）
- 项目配置:
vue ui( 可视化项目配置)
package manager: npm
presets: Manual (手动选择添加)
Features: Babel、Router、Vuex、CSS Pre-processors、 Linter/Formatter、 Use config files(使用配置文件) - 项目目录结构
视频里的目录结构(vue-cli@3.0):
potal-vue公司项目目录结构(vue-cli@2.9+):
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
- 课时41-课时45笔记
- 新上课程推荐：TypeScript完全解读(总26课时）
- 第十一课时: 关于Vue组件一些注意的地方
- 第六课时: Vuex状态管理,mutation&action&module
- iOS App创建证书，添加Appid，创建配置文件流程
- RabbitMQ集群创建
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
