2020/03/08-入门案例

1.在IDEA中创建一个简单的vue案例准备工作

 

①首先打开idea新建一个空项目,在空项目里面建立一个Static Web 新模块

 

②建好之后发现什么都没有,正如本意,然后点击下方terminal打开命令窗口

 

③输入命令npm init -y 初始化一下,回车。

 

④这个时候查看项目结构发现多了一个json,这个就相当于java中,maven里面的pom文件,相当于是前端的依赖坐标。

也就是说现在所有的 js 都被 npm 来管理。

 

 

⑤输入命令 npm install vue 相当于安装vue的起步依赖

 

 

 

⑥这个时候项目结构就会显示出来了,如果不显示,尝试勾选下图的选项

 

 

 

⑦接下来创建一个文件夹,专门存放html,准备工作就已经完成了,下面就可以愉快的写代码了。

 

 

posted @ 2020-03-08 22:28  老沈  阅读(142)  评论(0编辑  收藏  举报