使用Vue-cli最新版脚手架搭建项目(默认配置)

使用Vue-cli快速创建Vue项目,Github地址

前提条件:

安装好NodeJs

建议安装Yarn

快速启动

npm install -g @vue/cli
# 或者
yarn global add @vue/cli

vue create my-project

对应版本:3.0.0-beta.6

对应命令行窗口:

使用Vue-cli最新版脚手架搭建项目(默认配置)_第1张图片

此处,可以通过键盘上的箭头方向键选择预先配置:

默认选项为(babel, eslint)

手动选择特征

选中的选项带有背景色,按下回车键后,即可自动进入下一环节

此处,采用默认配置default进行项目搭建

使用Vue-cli最新版脚手架搭建项目(默认配置)_第2张图片

完成后的窗口:

使用Vue-cli最新版脚手架搭建项目(默认配置)_第3张图片

通过上图中最后两行命令,即可自动启动项目

使用Vue-cli最新版脚手架搭建项目(默认配置)_第4张图片

在浏览器中输入对应地址后,可以看到:

使用Vue-cli最新版脚手架搭建项目(默认配置)_第5张图片

你可能感兴趣的:(前端)