MacOs使用vue3.0+创建项目注意：3.0+版本的cli工具和2.0+版本的安装方法不一样，mac下注意加上sud

1.安装node.js和npm

首先安装node.js（送一个npm），官网下载傻瓜式安装，可以查看node和npm的版本，正确出现版本号即安装成功

node -v
npm -v

sudo npm install -g @vue/cli

注意：3.0+版本的cli工具和2.0+版本的安装方法不一样，mac下注意加上sudo，输入电脑密码即可，否则可能会报错。

安装完成后可以查看vue的版本，出现版本号即安装成功

vue -V  //注意V是大写

vue3.0提供了两种创建项目的方式，一是传统的命令行创建，二是提供了可视化的创建。

vue ui //可视化创建，会打开浏览器，在显示的页面中进行创建即可，不做过多叙述

1.创建命令 vue create myproject

2.第一项为默认配置，这里我们按下键盘方向键，选择第二个 Manually select features。

vue3.0+可以在创建项目的时候根据自己的需要定制自己的vue项目，这里我选择router和CSS预编译，选择完成后按下回车。

注意选择配置项的时候不要按回车，否则会直接到下一步，这里按方向键移动，按空格键选择需要添加的配置。（回车是确定，空格是选中）

如图所示

-Use history mode for router? (Requires proper server setup for index fallback in production) No

一般选no

-Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Less

预编译：可根据自己需要选择sass、less、stylus

-Pick a linter / formatter config: Prettier

代码风格

-Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection)Lint on save

一般选择lint on save

-Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In dedicated config files

两个都可以

-Save this as a preset for future projects? Yes

是否将这次的配置作为以后项目的模板（选择yes后下次创建项目会直接按本次耐模板创建）

-Save preset as: myproject

保存的本次模板的名字

选择完配置项后一路回车即可创建项目，创建完成后进入项目目录，启动项目即可

注意：启动命令和2.0+版本不同

此时访问localhost:8080即可看到vue项目了。

第一次写博文记录学习过程，若有错误，敬请指正。