Vue Cli3.0脚手架搭建Demo

weixin_39373817

已于 2024-02-27 03:42:01 修改

阅读量434

点赞数 8

分类专栏：前端文章标签： vue.js 前端

于 2024-02-27 03:06:15 首次发布

本文链接：https://blog.csdn.net/weixin_39373817/article/details/136312000

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文详细介绍了如何使用VueCLI3.0创建一个新的VUE3.0项目，包括创建步骤、进入项目目录、启动开发服务器以及查看本地项目的运行情况。

摘要由CSDN通过智能技术生成

Vue Cli3.0脚手架搭建

Step: 

*vue create project_name
创建demo

*cd demo path
进入项目目录

*npm run serve
启动项目

*浏览器打开Local:   http://localhost:8080/

*npm run build
打包项目


==TODO  STEP-01  `使用VUE CLI脚手架工具在终端命令行创建VUE3.0 Demo Project`

PS C:\Users\Administrator\IdeaProjects\create_new_project> vue create demo_project

Vue CLI v5.0.8
✨  Creating project in C:\Users\Administrator\IdeaProjects\create_new_project\demo_project.
⚙️  Installing CLI plugins. This might take a while...


added 864 packages in 48s
🚀  Invoking generators...
📦  Installing additional dependencies...


added 103 packages in 29s
⚓  Running completion hooks...

📄  Generating README.md...

🎉  Successfully created project demo_project.
👉  Get started with the following commands:

 $ cd demo_project
 $ npm run serve

==TODO  STEP-02  `进入项目根目录，运行VUE3.0 Demo Project`
PS C:\Users\Administrator\IdeaProjects\create_new_project> cd C:\Users\Administrator\IdeaProjects\create_new_project\demo_project 
PS C:\Users\Administrator\IdeaProjects\create_new_project\demo_project> npm run serve 

> demo_project@0.1.0 serve
> vue-cli-service serve

 INFO  Starting development server...


 DONE  Compiled successfully in 6534ms                                                                                                                04:04:58


  App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.124.243:8080/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

==TODO  STEP-03  `浏览器打开本地地址，查看VUE 3.0 Demo Project`
  App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.124.243:8080/