当前位置: 代码迷 >> 综合 >> Vue+Router+Webpack+Axios 构建项目实战(一)项目搭建
  详细解决方案

Vue+Router+Webpack+Axios 构建项目实战(一)项目搭建

热度:77   发布时间:2023-11-18 07:43:30.0

 欢迎各位朋友!   

一、准备工作:

  • 下载node.js
  • 安装webpack与vue-cli(VUE的脚手架工具)

1、安装node.js

网址:http://www.runoob.com/nodejs/nodejs-install-setup.html

node安装完成后在终端中输入以下两个命令:

node -v
npm -v

若显示版本号则说明安装成功 

2.安装vue-cli(VUE的脚手架工具)

在终端中输入

npm install -g vue-cli

安装完成后,我们在终端中输入(这里的V是大写否则无效):

vue -V

若显示版本号则说明安装成功

 二、创建项目

在终端中输入:vue init webpack vue-1

 回车之后,如图:

 

此时稍等一会就会安装完成,,安装完成之后,在终端输入:

cd vue-1 //这里的vue-1是我在新建项目时输入的项目名称npm run dev

如图所示:

成功!打开浏览器输入localhost:8080,

下一篇:Vue+Router+Webpack+Axios 构建项目实战(二)认识项目文件