使用Vue-cli 创建Vue项目

151 阅读1分钟

前言

  1. 已安装稳定版node
  2. 已安装Vue-cli脚手架

创建项目

打开存储项目的目录(我这里以 E:\myapp 为例)

image.png

输入cmd回车打开命令面板

vue create 02-app

image.png

根据需求选择 vue2、vue3、自定义,我这里以自定义为例

image.png

通过上下方向键移动,空格键 选中/取消 配置,选择完毕回车进入下一步

image.png

这里我选择vue2.x

image.png

输入N回车(这里询问是否使用history模式创建路由)

image.png

ESLint with error prevention only 只进行报错提醒

ESLint + Airbnb config 不严谨模式

ESLint + Standard config 正常模式

ESLint + Prettier 严格模式

这里根据实际需求选择,公司项目开发选择 ESLint + Prettier 居多;这里项目创建用于demo练习,选择 ESLint + Standard config

image.png

语法检查方式:保存就检查

image.png

Babel, ESLint配置文件存放位置,我选择 独立文件夹存放

image.png

是否保存此次配置记录,我这里选择否

image.png

耐心等待创建,出现如下类似页面: 代表成功创建了

cd 02-app

npm run serve

image.png