vue技术栈进阶(01.使用vue-cli3创建项目)

使用vue-cli3创建一个项目

1) 使用Vue UI创建、管理项目

1.安装依赖的脚手架包。
2.命令行中输入vue ui 即可以打开可视化界面
可视化界面:
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200414120332877.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQ5ODEwMg,size_16,color_FFFFFF,t_70)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200414120507189.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQ5ODEwMg
,size_16,color_FFFFFF,t_70)

2)项目结构目录整理

](https://img-blog.csdnimg.cn/20200414144418267.png)

3)基本配置

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200414145354610.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQ5ODEwMg==,size_16,color_FFFFFF,t_70)

通过配置 DevServer 实现跨域

posted @ 2020-04-14 14:59  jacksonni  阅读(185)  评论(0)    收藏  举报