vue2-006——使用脚手架搭建vue2项目+项目结构分析

一、创建项目:vue create 项目名

D:\EnyiWang\Documents\myStudy\vue>vue create vue_testVue CLI v5.0.8
? Please pick a preset: Default ([Vue 2] babel, eslint)Vue CLI v5.0.8
✨  Creating project in D:\EnyiWang\Documents\myStudy\vue\vue_test.
🗃  Initializing git repository...
⚙️  Installing CLI plugins. This might take a while...added 866 packages in 3m
npm notice
npm notice New major version of npm available! 8.19.3 -> 10.2.4
npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.2.4
npm notice Run npm install -g npm@10.2.4 to update!
npm notice
🚀  Invoking generators...
📦  Installing additional dependencies...added 94 packages in 2m
⚓  Running completion hooks...📄  Generating README.md...🎉  Successfully created project vue_test.
👉  Get started with the following commands:$ cd vue_test$ npm run serve

二、运行项目:cd 项目名 、 npm run serve

D:\EnyiWang\Documents\myStudy\vue>cd vue_testD:\EnyiWang\Documents\myStudy\vue\vue_test>npm run serve> vue_test@0.1.0 serve
> vue-cli-service serveINFO  Starting development server...DONE  Compiled successfully in 7183ms                                                                                                                                               22:00:04App running at:- Local:   http://localhost:8080/- Network: http://192.168.22.88:8080/Note that the development build is not optimized.To create a production build, run npm run build.

在这里插入图片描述

三、vue2项目结构分析

3.1、项目整体结构分析

在这里插入图片描述

3.2、public文件夹结构分析

在这里插入图片描述

3.3、src文件夹结构分析

在这里插入图片描述

3.4、main.js分析

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/217826.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

机器学习-激活函数的直观理解

机器学习-激活函数的直观理解 在机器学习中,激活函数(Activation Function)是用于引入非线性特性的一种函数,它在神经网络的每个神经元上被应用。 如果不使用任何的激活函数,那么神经元的响应就是wxb,相当…

加速 Selenium 测试执行最佳实践

Selenium测试自动化的主要目的是加快测试过程。在大多数情况下,使用 Selenium 的自动化测试比手动测试执行得特别好。在实际自动化测试实践中,我们有很多方式可以加速Selenium用例的执行。 我们可以选择使用不同类型的等待、不同类型的 Web 定位器、不同…

js逆向-某敏感网站登录参数分析

声明 本文仅供学习参考,如有侵权可私信本人删除,请勿用于其他途径,违者后果自负! 如果觉得文章对你有所帮助,可以给博主点击关注和收藏哦! 前言 目标网站:aHR0cHM6Ly9tZGZnaGcuNXhwb2lqaHRm…

【JVM系列】- 穿插·对象的实例化与直接内存

对象的实例化与直接内存 😄生命不息,写作不止 🔥 继续踏上学习之路,学之分享笔记 👊 总有一天我也能像各位大佬一样 🌝分享学习心得,欢迎指正,大家一起学习成长! 文章目录…

【数据结构】树与二叉树(廿六):树删除指定结点及其子树(算法DS)

文章目录 5.3.1 树的存储结构5. 左儿子右兄弟链接结构 5.3.2 获取结点的算法1. 获取大儿子、大兄弟结点2. 搜索给定结点的父亲3. 搜索指定数据域的结点4. 删除结点及其左右子树a. 逻辑删除与物理删除b. 算法DSTc. 算法解析d. 代码实现递归释放树算法DS e. 算法测试 5. 代码整合…

五种多目标优化算法(MOGWO、MOLPB、MOJS、NSGA3、MOPSO)求解微电网多目标优化调度(MATLAB代码)

一、多目标优化算法简介 (1)多目标灰狼优化算法MOGWO 多目标应用:基于多目标灰狼优化算法MOGWO求解微电网多目标优化调度(MATLAB代码)-CSDN博客 (2)多目标学习者行为优化算法MOLPB 多目标学习…

【DP】mobiusp正在创作乐曲

输入样例1&#xff1a; 5 2 1 7 7 1 3 输出样例1&#xff1a; 2 输入样例2&#xff1a; 10 3 2 5 6 4 4 5 7 3 5 6 输出样例2&#xff1a; 1 #include<iostream> #include<cstring> #include<algorithm> #include<vector> using namespace std; typede…

鸿蒙 ark ui 网络请求 我不允许你不会

前言&#xff1a; 最近有在学习这个鸿蒙的ark ui开发 因为鸿蒙不是发布了一个鸿蒙next的测试版本 明年会启动纯血鸿蒙应用 所以我就想提前给大家写一些博客文章 效果图 11-24 16:26:22.005 25156-25156/com.example.httpsrequest E A0ff00/HTTPS: 请求状态 --> 200, %{pub…

h5小游戏--2048

2048 经典2048小游戏&#xff0c;基于JS、Html5改写版 效果预览 点我下载源代码 下载代码解压后&#xff0c;双击index.html即可开始本游戏。 Game Rule 游戏规则 以下为游戏默认规则&#xff0c;若需要修改规则请修改代码。 移动箭头键来移动方块&#xff0c;当两个相同数…

终于来了,Runway gen2 制作AI视频的全功能超详细使用教程

最近有好几个学员私信我们&#xff0c;让我出一期Runway完整的使用教程&#xff0c;刚好11月Runway对外发布运动涂笔等新功能&#xff0c;那么今天就给大家安排一期全功能&#xff0c;超详细的从Gen1到Gen2的使用教程。 Runway 是国外一家在线视频剪辑制作网站&#xff0c;作为…

C/C++ 通过SQLiteSDK增删改查

SQLite&#xff0c;作为一款嵌入式关系型数据库管理系统&#xff0c;一直以其轻量级、零配置以及跨平台等特性而备受青睐。不同于传统的数据库系统&#xff0c;SQLite是一个库&#xff0c;直接与应用程序一同编译和链接&#xff0c;无需单独的数据库服务器进程&#xff0c;实现…

Anaconda安装与Python虚拟环境配置保姆级图文教程(附速查字典)

目录 1 混乱的Python库2 什么是Anaconda&#xff1f;3 Anaconda的安装3.1 Windows系统3.2 Linux系统3.3 测试 4 虚拟环境管理(速查字典) 1 混乱的Python库 你有没有遇到过这样的问题 在项目A中需要用到某个Python库PkgA&#xff0c;且项目A的其他库要求PkgA的版本必须为v3.0以…