Web开发

首页 » 常识 » 诊断 » 揭秘Vue项目结构最详尽讲解自动创建
TUhjnbcbe - 2023/1/17 19:55:00
北京权威皮肤科医院 http://m.39.net/pf/a_4439528.html

揭秘!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;

项目结构如下

1
查看完整版本: 揭秘Vue项目结构最详尽讲解自动创建