本文使用vue-cli3进行项目创建,对于vue-cli的使用可以参见官方文档。

vue-cli官方:https://cli.vuejs.org/zh/guide/

如果npm下载@vue/cli速度慢可以安装cnpm(国内镜像)来加快下载速度

npm install cnpm -g --registry=https://registry.npm.taobao.org

cnpm  install  -g  @vue/cli

1.在进行项目创建之前需要在本地安装Node.js

Node官方:http://nodejs.cn/download/,安装成功后可以在cmd中查看到npmnode的版本号,npm是node的包管理器在node安装完成的时候也已经安装完成。

vue学习(1)项目创建

2.使用vue-cli创建项目

vue  create  xxx

1)默认安装还是选择安装(默认安装会安装全量的资源包,选择安装可以定制化安装)

vue学习(1)项目创建

2)按空格键可以选择需要的插件

vue学习(1)项目创建

TypeScript 支持使用 TypeScript 书写源码
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 。
Vuex 支持 vuex 。
CSS Pre-processors 支持 CSS 预处理器。
Linter / Formatter 支持代码风格检查和格式化。
Unit Testing 支持单元测试。
E2E Testing 支持 E2E 测试

4)后续步骤就不一 一说明,可以参考下面配置

vue学习(1)项目创建

3.项目成功执行

npm  install

npm run serve 出现以下结果标识启动成功

vue学习(1)项目创建

相关文章: