搭建vue脚手架_Vuecli 搭建项目结构的步骤

vue-cli脚手架的特点：

功能丰富 对 Babel、TypeScript、ESLint、PostCSS、PWA、单元测试和 End-to-end 测试提供开箱即用的支持	易于扩展 它的插件系统可以让社区根据常见需求构建和共享可复用的解决方案。
无需EjectVue CLI 完全是可配置的，无需 eject。这样你的项目就可以长期保持更新了。	CLI之上的图形化界面  通过配套的图形化界面创建、开发和管理你的项目。
即刻创建原型 用单个 Vue 文件即刻实践新的灵感。	面向未来 为现代浏览器轻松产出原生的 ES2015 代码，或将你的 Vue 组件构建为原生的 Web Components 组件。

官方文档:

https://cli.vuejs.org/zh/

vue-cli官网(脚手架)

使用Vue-cli 脚手架搭建项目结构的步骤

• 新建demo文件夹并打开

• 按住Shift + 右键  “在此处打开Powershell窗口

• 输入 vue create 项目名  例如 vue create heimaikun 

• 选择自定义创建(第三项)

• 选择项目特性 Babel  Router  Vuex  CSS Pre-processors  Linter / Formatter  空格选中

• 是否使用 'history' 模式：否

• 使用哪种 css 的预处理器：less

• 使用哪种语法规范： '标准'规范

• 什么时候进行规范校验

• 在哪里保存这些特性信息：在package.json 中保存

• 是否将以上设置保存的预置项：y和n都可以  选y就是下个项目预设置这个项目的设置

• 配置完成开始下载项目

• 下载完成