新建并运行第一个Vue项目

最新推荐文章于 2024-08-29 14:07:46 发布

BUT昊

最新推荐文章于 2024-08-29 14:07:46 发布

阅读量715

点赞数 1

分类专栏： vue 文章标签： vue vue-js

本文链接：https://blog.csdn.net/qq_22230511/article/details/72354294

版权

本文详细介绍了如何从零开始创建并运行一个Vue项目，包括环境要求、新建项目步骤、如何引入JQuery库以及如何在项目中添加和使用组件，特别是公用组件和动态路由组件的配置与应用。

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

0、环境要求

基本环境要求：node、npm

1、新建Vue项目并运行

npm install -g vue-cli          //全局安装vue-cli
vue init webpack project-name   //创建一个基于"webpack"模板的新项目
npm install                     //安装所有依赖的库
npm run dev                     //运行，默认需要8080端口

2、项目目录结构介绍

1、src/assets：存放静态文件，一般是组件中用到的文件，如图片，自定义的样式等
2、src/components：存放所有的组件
3、src/router：存放路由
4、src/App.vue：页面整体结构，整体布局就靠它了
5、static文件夹：存放静态文件，一般是一些官方的文件，如bootstrap、jquery等
6、src/main.js：项目入口