vue-cli3 创建项目

Vue创建项目步骤

第一步 环境配置

安装nodejs（https://nodejs.org/）

安装完成后，打开CMD查看是否安装成功
npm config set registry https://registry.npm.taobao.org #设置国内源
npm config get registry #查看源
npm install -g npm 更新最新npm版本

配置淘宝国内镜像，后续使用cnpm安装依赖
npm install -g cnpm --registry=https://registry.npm.taobao.org

第二步 项目初始化

1. 安装 vue-cli：
   cnpm uninstall vue-cli -g（卸载）
   cnpm install -g @vue/cli（安装）
   查看vue-cli版本

2.创建项目
2.1 切换到准备创建的项目的路径下：
vue create word-vue

2.2 手动选择配置
空格 - 选中与取消 ，A - 全选， I - 反选， 回车 - 继续
TypeScript -> TypeScript书写源码
Progressive Web App (PWA) Support -> 渐进式网络应用程序
Router -> 路由
Vuex -> 状态管理
CSS Pre-processors -> CSS 预处理器
Linter / Formatter -> 代码风格检查和格式化
Unit Testing -> 单元测试
E2E Testing -> E2E 测试
按需选择

创建成功

目录结构