vue学习记录（四）

一、Vue-Cli3.0-项目搭建及介绍

Vue-cli 3.0 github地址

安装

	npm install -g @ vue / cli
	 ＃ OR 
	yarn global add @ vue / cli

安装完，vue -V 检查版本

对应命令所需要用到的东西

	vue --help    

更详细的说明

	vue create --help  

新建项目

	vue create my-project

默认或者选择安装（这里选择安装）

上下光标选中，空格键是选中与取消，A键是全选
TypeScript 支持使用 TypeScript 书写源码
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 。
Vuex 支持 vuex 。
CSS Pre-processors 支持 CSS 预处理器。
Linter / Formatter 支持代码风格检查和格式化。
Unit Testing 支持单元测试。
E2E Testing 支持 E2E 测试。

选择使用哪种方式记录模块（这里选择package.json）

是否要保存为未来项目的预设，保存以后新建项目可以使用自己创建的模板预设；（这里不保存）

1.进入项目目录
2.运行项目

	cd vue3-demo
	npm run serve

运行成功截图

二、Vue-Cli3.0-自定义脚手架模板

输入新建项目命令

	vue create vue-cli-new

选择 Manually select features（手动选择安装）

选择新建模板，需要的功能模块

是否使用：路由器使用历史模式（选择是）

选择：css预处理器（这里选stylus）

选择：ESlint配置（这里选择标准配置）

选择: 保存

选择：根据情况选择配置文件（这里选择第一个）

是否将当前的选择保存为模板（这里选择是）

这里输入模板名称

再次新建项目的时候就会看到刚刚创建的模板了