vue cli 快速创建新项目

视频教程地址

安装vue cli

npm i vue -g #先装vue然后在装脚手架
npm install -g @vue/cli #全局安装vue cli
vue --version #查看版本是否正确

创建新项目(方法1-使用命令方法创建项目)官方步骤

vue create hello-world #创建名为hello-world 的新项目

预安装组件(按键盘上下键选择,按空格键勾选选项,Enter确认)

一般选择 Manually进行手动安装

default #默认选项
Manually#手动选项 (1、Bable；2、Router；3、Vuex；4、CSS Pre-processors；5、Linter / Formatter【代码美化】)
Pick a CSS Pre-processors #选择sass/scss
ESLint + standard config #选项这个或者Airbnb；代码格式美化 配置
Lint on save #选项这个；在保存的时候代码格式美化
In dedicated config files #选择默认配置
Save this as a preset for future projects？(Y/N) #这里选择n；Y代表下次创建项目的时候会默认这个设置。N代表下次新建项目需要重新配置。

创建新项目(方法2-使用图形界面方法创建项目)官方步骤

vue ui #使用图形方法创建新项目