vue-cli4.0新建一个项目

一、什么是VUE-CLI

1.vue-cli

vue-cli是一个全局安装的 npm 包,提供了终端里的 vue 命令。它可以通过 vue create 快速搭建一个新项目

可以通过以下命令安装VUE-CLI

cnpm install -g @vue/cli // 目前vue-cli4.0的包名为:@vue/cli

查看本地电脑上vue的版本:

$ vue -V              
@vue/cli 4.4.6
2.vue-cli脚手架快速搭建项目

(1)vue create方式

vue create 项目名字

提供了默认的选项 babel + eslint,这个默认的设置非常适合快速创建一个新项目的原型


vue+ create.png

同时也提供了手动设置选项的功能,比较适合实际项目需求:


手动选择.png
vue-cli4.0选项介绍.png
配置文件存放的方式.png

In dedicated config files // 独立文件放置
In package.json // 放package.json里


image.png

(2)vue ui方式
// vue-cli4.0提供了通过一套图形化界面管理你的所有项目

vue ui  
image.png
3. 项目结构详解
文件树状图.png
vue-cli文件结构图.png

webstorm 配置alias.config.js,快捷适用@访问文件

官网vue.congfig.js详细介绍

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。