Mac 使用CLI脚手架创建 Vue项目、不同版本创建项目的项目结构差异(2)

最新推荐文章于 2024-09-15 14:44:21 发布
最新推荐文章于 2024-09-15 14:44:21 发布
阅读量916 收藏 15
点赞数 21
分类专栏： 程序员 文章标签： macos vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_83817171/article/details/137141005
版权
本文介绍了在Mac环境下使用命令行界面（CLI）创建Vue项目的过程，强调了Vue Router的重要性，并展示了不同Vue版本创建的项目结构差异。此外，还分享了作者的个人背景和提供了一份全面的前端开发学习资料，包括面试题文档和实战项目。
摘要由CSDN通过智能技术生成

cd /Users/mac/WebstormProjects

第二步，使用命令

vue create hello-world

这个时候会让你选择一些特性：

在这里插入图片描述

建议：Router要选，这是单页面应用的核心。

在这里插入图片描述

在这里插入图片描述

最后会问你是否保存一个偏好设置。

在这里插入图片描述

Mac 进入管理员目录，由于该文件夹是隐藏的，使用Command + Shift + . 查看。

在这里插入图片描述

长得像这样。

{

“useTaobao

最低0.47元/天 解锁文章
2401_83817171
关注
专栏目录
Mac 使用CLI脚手架创建 Vue项目、不同版本创建项目的项目结构差异
disrm84160的博客
03-29 854
前端校招精编面试解析大全点击这里即可获取完整版pdf查看非无偿）**前端校招精编面试解析大全点击这里即可获取完整版pdf查看。
Mac 创建Vue项目 & 权限 超详细！！配图讲解！！
m0_73783485的博客
08-10 1053
后面按照上面给的打开方式 输入打开即可 我这里是yarn打开 有的小伙伴可能是 npm 也是可以的。通过向下键选择直接所需要的Vue.js版本 现在目前推荐选择2.x版本 选择后直接会车可进下一步。通过键盘上下进行选择 找到自己想要的功能直接按空格即可 当选完后按回车。选择配置项是通过键盘上下键来进行选择的 选择后直接会车即可。无脑按回车即可 其中如有自己需要选择的配置项可以进行选择。打开可以再次查看桌面里的文件就会有Vue项目。这样我们创建的Vue项目就会在这个文件夹里。如有其他问题欢迎戳戳！
MAC 搭建vue开发环境，配置环境变量
Rockandrollman的博客
12-01 4277
在终端中进入这个目录，输入vue create 项目名，创建一个vue项目，项目名不能包括大写字母和中文等。在终端输入：vi ~/.bash_profile，按i进入编辑模式，加入箭头所指两行配置。因为改变了全局安装路径，所以需要配置环境变量，不然出现新安装的工具命令找不到的问题。打开终端，执行一下俩条命令,注意引号中的路径要换成你创建的文件夹所在的路径。启动项目后，根据提示的地址，访问，可以看到下图界面，表示启动成功。创建好后，根据提示的命令，启动项目。按esc，输入:wq保存退出。
mac 3分钟装好Vue(全程命令行)
简单随风的博客
03-20 1005
前提是brew更新OK，我们开始： 1.安装nod.js brew install nodejs 然后查看node版本 node -v 2.安装 淘宝镜像 （npm） npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装webpack cnpm install webpack -g 4.安装vue脚手架...
mac 笔记本安装vue，始终找不到命令
qq_25194685的博客
10-14 1431
亲测有效。 这种问题我已经解决了，主要是你的npm全局路径不对导致的 npm安装一些常见工具比如 gulp npm install -g gulp 提示安装成功之后 ，使用发现不存在comman gulp,这个时候我们要检查下npm全局路径在哪里 npm root -g 正常的路径应该是 /usr/local/lib/node_modules，如果你的不是就要重新指定： ...
Mac 下搭建vue开发环境
移动开发砖家-扫地僧
03-18 1万+
Mac 下安装Vue环境
Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
CRPER
11-07 1万+
前言文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,但不是手把手一字一句的给你说十万个为什么!有三类人不适合此篇文章: “喜欢站在道德制高点的圣母婊” – 适合去教堂 “无理取闹的键盘侠” – 国际新闻版块欢迎你去 “有一定基础但又喜欢逼逼的人” 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的 这种傻瓜文,简直浪费老子的时间! 对于以上三类人,走吧,这里
第三章Mac系统下安装Vue-cli详细步骤
热门推荐
十二指环的博客
06-07 3万+
第三章Vue-cli安装因为是mac系统，所以和视频里老师讲的有些许不同。 1.首先打开终端 按照老师的操作，首先检查node版本 下面是我的操作 打开终端，输入命令 node -v 我去，找不到node。。。。。 好吧，去这个地方下载mac版本的node 下载地址：https://nodejs.org/en/download/ （选择mac os） 安装完毕，有了 2
如何在mac上运行vue项目
Java搜索工程技术栈
05-05 3323
1、安装 Homebrew Homebrew 是osx下面最优秀的包管理工具，没有之一。先在终端查看是否已安装brew brew -v 如果返回 Homebrew 的版本号例如：Homebrew 1.3.6那么恭喜你，可以跳过这一步，如果没有，那就乖乖执行第一步。 /usr/bin/ruby -e"$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 2、安装 node.js 为了..
告别繁琐粘贴，CleanClip Mac 版，让复制粘贴变得简单快捷！粘贴队列功能太强大了！
最新发布
AUV1107的专栏
09-15 541
总之，CleanClip for Mac 📋 是一款强大而实用的剪贴板管理工具，它能够帮助你提高工作效率，减少繁琐操作。如果你是一个经常需要复制粘贴各种内容的Mac用户，那么CleanClip 绝对是你的不二选择！：CleanClip 提供了强大的搜索功能，支持拼音搜索，帮助你快速找到之前复制过的内容。同时，它还能根据当前使用的应用自动筛选相关的复制记录，让你轻松找到所需的内容，节省大量时间。它的列表显示会跟随输入光标，让你感觉像在使用系统自带功能一样自然，不会打断你的创作思路。
Parallels Desktop 20 for Mac中文版发布了?会哪些新功能
yanling2023的博客
09-14 694
据介绍，新版本针对 Windows、macOS 和 Linux 虚拟机进行了大量更新，最大的亮点是全新推出的 Parallels AI 工具包，它提供安全的、可下载的预装虚拟机，让你可以在离线环境中迅速提升 AI 开发能力（该功能英文版已发布，中文版需等到 9 月底）。苹果 macOS Sequoia 还提供了在 Apple Silicon 芯片上的 macOS 虚拟机中登录 Apple ID 的功能，从而让开发者能够充分利用 macOS 虚拟机，在隔离环境中构建和测试软件。输入开机密码或者指纹认证。
为什么mac打不开rar文件 苹果电脑打不开rar压缩文件怎么办
软妹子的博客
09-13 880
你也可以手动打开这些软件，然后选择要解压的rar文件，就可以看到解压后的文件或文件夹了。BetterZip不仅可以支持rar文件，还可以支持其他多种压缩文件格式，比如ZIP，TAR，TGZ，TBZ，TXZ，7-ZIP，RAR，ARJ，LHA，LZH，ISO等。rar作为常见的压缩格式，mac会经常遇到这类压缩格式，如果你无法打开rar压缩文档，不妨在自己的mac电脑上安装一款可以解压rar格式的软件，不仅可以解压rar文档，还能解决mac压缩rar文件的问题。1.打开软件，将需要压缩的文件拖入软件页面。
MacOS Catalina 从源码构建Qt6.2开发库之01: 编译Qt6.2源代码
Joshua的专栏
09-12 1106
MacOS Catalina 从源码构建Qt6.2开发库之01: 编译Qt6.2源代码
类似mac dock的tab切换组件
嘿嘿~
09-13 362
鼠标在圆圈位置的放大效果。
鸿萌数据恢复服务：Mac 文件系统是如何影响 Mac 数据恢复的?
sanyuan7783的博客
09-11 866
文件系统是在存储驱动器上存储文件的逻辑方式。如果没有文件系统，存储驱动器就无法以有组织的方式存储数据，使其看起来像是一堆不可读的信息。如果没有文件系统，存储驱动器就会停止正常工作。文件系统除了命名、存储和检索数据外，还在管理空间、加密元数据、控制文件访问和确保数据完整性方面发挥着至关重要的作用。文件系统的选择取决于几个因素，例如操作系统的兼容性、可靠性、数据可访问性、可伸缩性和性能。
Mac笔记本上查看/user/目录下的文件的几种方法
遇见小美好
09-11 563
Mac笔记本查看user/下的文件的几种方法
macOS上谷歌浏览器的十大隐藏功能
weixin_43772292的博客
09-12 1037
谷歌浏览器（Google Chrome）在macOS上拥有一系列强大而隐蔽的特性，这些功能能显著提高您的浏览体验。只需在每个设备的Chrome中登录相同的谷歌账户，然后在“扩展程序”（chrome://extensions/）页面开启“在设置中，调整网页字体的大小极为简单。这样，不同用途的浏览（如工作和个人使用）可以分别进行，互不干扰，提高工作与娱乐的效率。对于安装了多个扩展程序的用户，可以通过“Shift + Command + B”快捷键快速显示或隐藏所有扩展程序的按钮，从而节省空间并减少干扰。
使用Intellij IDEA创建vue-cli项目教程
"本文主要介绍如何使用IntelliJ IDEA搭建Vue CLI项目，包括安装和配置必要的环境，以及在IDEA中进行项目构建和运行的详细步骤。" 在开发Web应用程序时，IntelliJ IDEA作为一款强大的集成开发环境(IDE)，为开发者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值