前端工具-vue-cli

vue脚手架简介

快速生成项目基础架构

安装

npm @vue/cli -g(全局安装)

使用:

1. 命令行

命令:

vue create vue-cli-study

选项:

Manually select features(手动安装)
Use history mode for router? (no 默认哈希路由)
Pick a linter / formatter config: 选择ESLint + Standard config(标准版
)
Pick additional lint features: Lint on save(代码保存时调用)
Where do you prefer placing config for Babel, ESLint, etc.?:: In dedicated config files(放在独立的文件, 一般选择这个)/In package.json(全部放入package.json文件)
Save this as a preset for future projects?(是否保存配置, 以后一键生成)
Pick the package manager to use when installing dependencies(使用什么安装依赖): npm/yarn

运行:安装完成后:

进入目录
npm run serve

2. 图形化界面

命令:

vue ui(启动图形化界面)
其他基本与命令行方式相同

<