揭秘Vue项目结构最详尽讲解自动创建

揭秘!Vue项目结构!自动创建Vue项目,解放生产力

继前端构建神器webpack

Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。

VueCLI是一个基于Vue.js进行快速开发的完整系统,基于webpack构建,并带有合理的默认配置;

VueCLI将Vue生态中的工具基础标准化。而不必纠结配置的问题。

a.交互式的项目脚手架。

b.实现的零配置原型开发。

经过下面几步,就可构建如上图中的项目

安装nodejs,命令行输入node–v检测安装是否成功

安装vue-cli脚手架:

npmi-g

vue/cli-init,命令行输入vue–v检测安装是否成功

新建项目vueinitwebpackmyVue,myVue是项目名称。其中ESLint,单元测试,Nightwatch可以不选择

打开项目文件夹myVue,npminstall下载依赖

运行项目npmstart;

项目结构如下




转载请注明:http://www.aierlanlan.com/rzgz/5703.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了