您的位置: 首页 > 文章 > vue-cli搭建vue项目

vue-cli搭建vue项目

分类: 文章 • 2024-10-12 17:08:57

1.vue-cli脚手架安装（基于node+npm环境）

npm install vue-cli -g

vue-cli搭建vue项目

2.初始化项目

vue init webpack vue_vue-cli_demo

如下输入对应指令按回车直至最后一步

vue-cli搭建vue项目

3.安装依赖

31.进入项目文件夹内

cd vue_vue-cli_demo

vue-cli搭建vue项目

3.2 npm install

vue-cli搭建vue项目

4.运行项目

npm run dev

vue-cli搭建vue项目

5.打开项目地址

在浏览器中输入http://localhost:8080/#/

vue-cli搭建vue项目