VUE学习笔记(三) 运行VUE

.VUE学习笔记(一)   环境

VUE学习笔记(二) Visual Studio Code

VUE学习笔记(三) 运行VUE

VUE学习笔记(四) 引用element-ui

VUE学习笔记(五) 引入axios

 

 

一  用VSCode打开项目

二  启动终端

在终端中可以输入node命令,启动终端有两种方式

方式一 : 终端-->新建终端

VUE学习笔记(三) 运行VUE_第1张图片

方式二  : 右键项目,在终端打开

VUE学习笔记(三) 运行VUE_第2张图片

开启终端成功: 如图

VUE学习笔记(三) 运行VUE_第3张图片

启动:

在终端输入 npm run dev

启动成功

 

 

 

VUE学习笔记(三) 运行VUE_第4张图片

在谷歌浏览器打开页面

VUE学习笔记(三) 运行VUE_第5张图片

项目启动成功!



你还需要了解的依赖包安装

 从gitlab等下载的代码,需要在本地下载依赖包文件,

包文件存储在node_modules文件夹中.

VUE学习笔记(三) 运行VUE_第6张图片

执行npm install ,会根据 package.json 配置文件下载包文件

VUE学习笔记(三) 运行VUE_第7张图片

VUE学习笔记(三) 运行VUE_第8张图片

 

没有出现红色的 Error, 说明安装成功

如果安装失败, 则要删除node_modules文件夹, 执行清理缓存命令(npm cache clean -f) 重新npm install

或尝试用淘宝镜像下载  用手机热点 等方法

 

 

你可能感兴趣的:(VUE)