【4】VUE的运行环境—创建新项目


前言

VUE的运行环境—创建新项目


创建新项目

在E盘创建项目目录

E:\zhongtian\project\vue_project\elements-demo (文件名要小写,或者会提示Sorry, name can no longer contain capital letters.)

初始化构建项目

管理员权限cmd 进入E:\zhongtian\project\vue_project ,执行指令:
vue init webpack elements-demo
如下图则说明项目构建成功。会有一些初始化的设置,如下输入:
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在项目目录下要本地安装webpack-cli -D

npm install webpack-cli -D

在这里插入图片描述

安装axios(ajax的封装)

npm install --save axios

在这里插入图片描述

初始化项目

npm install

在这里插入图片描述

1.3.6运行项目

npm run dev

在这里插入图片描述

访问项目

浏览器:http://localhost:8080/
在这里插入图片描述


版权声明:本文为dgdf123原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。