1. 安装与创建
安装vue脚手架 npm install -g @vue/cli
创建项目
a.手动创建vue create [proName]
b.图形化界面创建和管理项目 vue ui（全局命令）
启动项目npm run serve / yarn serve
手动创建项目：选择默认（default）还是手动（Manually），这里我选择default
如果选择配置，看个人项目需求
TypeScript 支持使用 TypeScript 书写源码
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 。
Vuex 支持 vuex 。
CSS Pre-processors 支持 CSS 预处理器。
Linter / Formatter 支持代码风格检查和格式化。
Unit Testing 支持单元测试。
E2E Testing 支持 E2E 测试。
创建项目b: 通过 vue ui 命令以图形化界面创建和管理项目（推荐）。@vue/cli3.0增加一个可视化项目管理工具，全局安装完成cli3.0之后，可以直接在cmd输入命令：vue ui 启动即可，地址默认是localhost:8000
1).详情：选择项目目录，填写项目所在文件夹名称，包管理器有npm、yarn。
2).预设：初次使用建议选择手动配置项目
3).功能：按需选择，后面也可以删除或添加
4).配置：路由模式、css预设处理器、编码格式规则、测试等等设置(后期都可以改)。
5).设置预设名称，如有需要可以保持该项目的所有预设配置，方便下次创建同类型项目可以直接选择相同配置
6）项目仪表盘，左侧是各个管理页面在「插件」页面可以添加新的 Vue CLI 插件，「依赖」页面用于管理项目的依赖包，「配置」页面用于配置各种工具，「任务」页面用于运行各个脚本（比如 webpack 打包）
启动项目
网友评论