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

于 2024-03-30 13:07:23 发布
阅读量493 收藏 6
点赞数 8
分类专栏： 2024年程序员学习 文章标签： macos vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74931167/article/details/137170909
版权
  • vue/CLI版本不同带来的差异

操作步骤

====================================================================

第一步，进入上层目录

打开终端，

cd /Users/mac/WebstormProjects

第二步，使用命令

vue create hello-world

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

在这里插入图片描述

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

在这里插入图片描述

最低0.47元/天 解锁文章
彩虹的颜
关注
  • 8
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
MacOSX下命令行工具m-cli.zip
07-17
m-cli是Mac OS X 命令行工具，号称Mac OS X瑞士军刀。m-cli与其他命令行工具不同之处：主要用于任务管理，较其他更为简单易用不需要任何依赖安装简单，不受任何限制只使用OS X 命令安装：curl -fsSL https://raw.githubusercontent.com/rgcr/m-cli/master/install.sh | sh使用示例：usage:  m [OPTIONS] COMMAND [help]     OPTIONS         --update        update m-cli to the lastest version         --uninstall     uninstall m-cli     COMMANDS:         help         battery         bluetooth         dir         disk         finder         firewall         gatekeeper         hostname         info         lock         ntp         network         nosleep         restart         safeboot         screensaver         service         shutdown         sleep         timezone         trash         user         volume         wallpaper         wifi 标签：mcli
图文讲解用vue-cli脚手架创建vue项目步骤
10-17
Vue CLI（Vue.js Command Line ...通过以上步骤，你应该已经掌握了如何使用Vue CLI创建一个Vue项目的基本过程，以及项目的基本结构和关键组件。随着你对Vue.js的深入学习，你将更加熟悉和熟练地运用这些工具和概念。
mac cli文件管理器
最新发布
shigen的博客
07-28 1201
macos cli文件管理器
Mac 搭建vue-cli
Wjhsmart的博客
01-10 834
官网下载了各种版本的都跑不起来，各种报错，后来成功解决了，这里记录下过程 一、安装环境 1、安装brew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 2、安装node.js brew install nodejs 3、获取nodejs模块...
macos终端命令_M-cli为初学者简化了macOS的最佳终端命令
culiuman3228的博客
09-04 812
macos终端命令You can do a lot with the macOS Terminal, but the commands tend to be obtuse. A free program called m-cli bills itself a Swiss Army Knife for macOS, and it makes a lot of these hidden command...
Mac 安装CLI报错处理解决方案
lhf294的博客
09-09 458
CLI
基于脚手架创建Vue项目实现步骤详解
10-15
创建Vue项目分为两种情况，根据Vue CLI的不同版本： 1. **Vue CLI 3.x版本**： 在想要创建项目的路径下，运行`vue create test`，其中`test`是你的项目名称。随后，CLI会询问你选择预设配置还是自定义配置。选择...
详解如何使用vue-cli脚手架搭建Vue.js项目
10-19
主要介绍了详解如何使用vue-cli脚手架搭建Vue.js项目 ,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue使用vue-cli创建项目
08-29
Vue 使用 vue-cli 创建项目是通过官方发布的 vueJS 项目脚手架来创建项目的。vue-cli 是一个可以快速生成 Vue 项目的工具，它提供了多种模板项目，帮助开发者快速开始新的项目。 二、创建项目步骤 1. 安装 Node.js...
Mac 环境安装 Vue Cli
相逢不晚的博客
11-23 3345
表示 Node 版本过低，不适合当前 Vue Cli 版本，此时需要升级 Node 版本。如果没有 Node 环境，则需要先安装，可以直接到。先安装 Node 的一个版本管理工具【n】再次查看 Node 和 npm 版本。再升级 Node 版本。
Mac 下安装angular cli
PT1993的博客
06-17 3421
打开终端(前提示安装了npm，正确的联网方式)npm   install -g @angular/cli检查是否安装成功ng -v所有命令ng helpng 创建工程ng new my-project启动项目ng  serve1.如果报一下错误 ：执行:ng update @angular/cli2.如果出现一下错误;npm -v npm install express npm init -y...
Mac系统下安装Vue-cli详细步骤
灰太狼先生
05-12 7397
第三章Vue-cli安装 转载自：https://blog.csdn.net/wtdask/article/details/72902312 因为是mac系统，所以和视频里老师讲的有些许不同。 1.首先打开终端 按照老师的操作，首先检查node版本 下面是我的操作 打开终端，输入命令 node -v 我去，找不到node。。。。。 好吧，去这个地方下载mac版本的node 下载地址：https:/...
mac系统安装vue-cli 脚手架
weixin_65549694的博客
02-27 2065
安装node。直接官网安装就可以 非常简单 查看 node -v npm -v 全局安装vue脚手架命令 (这是2.9.6版本的) sudo npm install -g vue-cli 如果要安装vue-cli3. 那么命令就要相应的变成 sudo npm install -g @vue/cli 查看vue 命令 也可以查看vue-list 这样以后安装vue脚手架就可以直接用vue 命令了。 一切安装完成之后，切换到你要创建项目的目录下，然后打开命令行 如果你遇到了之前的vue-c
Vue:Mac下Cli 3.x环境搭建与vue基本配置及部署
陌生谁家年少
05-13 3702
Vue环境搭建 一、安装 1.安装node brew安装 brew install nodejs 安装完成，查看node.js版本 node -v 设置nodejs模块安装目录访问权限 chmod -R 777 /usr/local/lib/node_modules/ 2.安装淘宝镜像 npm install -g cnpm --registry=https://registry.n...
Mac上安装aws cli
qq_26188449的博客
08-19 3592
按照这个标准来安装 aws cli  https://docs.aws.amazon.com/cli/latest/userguide/cli-install-macos.html 安装完后要确保以下命令加到环境变量里: 编辑文件 ~/.bash_profile 加入以下内容： # Setting PATH for Python 3.6 # The original version is ...
vue cli (脚手架) 的安装(mac)
purple_lumpy的博客
07-29 1154
首先，安装nodejs, 因为需要nodejs 中的npm 来下载 vue-cli 官网下载nodejs, 安装好后。 进入终端（mac）,输入命名(安装vue-cli)：     sudo npm install --global vue-cli 创建一个基于webpack模版的新项目（进到一个目录下）：     vue init webpack my-project 安装依赖  ...
第三章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的angular/cli安装及踩坑记录
Y_soybean_milk的博客
07-22 1854
AngularCLI是Angular官方开发的一个类似与VueCLI的脚手架开发工具，它帮我们集成了webpack打包、开发服务器、单元测试、自动编译、部署等功能。cnpm是国内淘宝为了解决npm安装过慢而产生的镜像，因为npm安装是通过外网下载的，很多时候容易安装失败，故建议用cnpm，当然不是必须的。原因在终端执行source.bash_profile，只对当前端口生效，重新开窗口就无效。不同电脑的npm安装位置可能不同，这是我电脑的位置，可以参考下。到了这一步，在当前终端运行。.........
mac下使用vue脚手架搭建项目
风起云曦的博客
07-23 708
vue-cli搭建一、安装node.js二、安装vue-cli，创建项目三、报错解决 一、安装node.js 1、node.js官网下载地址：https://nodejs.org/zh-cn/ 双击下载安装包 点击继续即可 2、打开终端（顺便唠一句command+空格,输入ter，点击打开终端），输入node -V，查看版本、有版本号就是安装成功。 3、node.js集成npm包管理器，npm -v查看版本 这边因为我之前已安装，没有重新安装刚才截图的包。 二、安装vue-cli，创建项目 1、终
使用vuecli脚手架创建一个项目
07-10
要使用Vue CLI脚手架创建一个项目，你可以按照以下步骤进行操作： 1. 首先，确保你的系统已经安装了Node.js。你可以在命令行中运行`node -v`来检查是否已经安装。 2. 安装Vue CLI。在命令行中运行以下命令来全局安装Vue CLI： ``` npm install -g @vue/cli ``` 3. 创建一个新的Vue项目。在命令行中运行以下命令来创建一个新的Vue项目： ``` vue create 项目名 ``` 例如，如果你想创建一个名为"my-project"的项目，可以运行以下命令： ``` vue create my-project ``` 4. 选择一个预设配置。当你运行上述命令后，Vue CLI会提示你选择一个预设配置。你可以选择默认的配置，也可以手动选择自定义配置。 5. 等待依赖安装完成。一旦你选择了预设配置，Vue CLI会自动安装项目所需的依赖。请耐心等待安装完成。 6. 进入项目目录。安装完成后，进入新创建的项目目录： ``` cd 项目名 ``` 7. 启动开发服务器。在命令行中运行以下命令来启动开发服务器： ``` npm run serve ``` 现在，你已经成功创建了一个Vue项目，并且可以在浏览器中访问`http://localhost:8080`来查看项目运行情况。 希望这能帮到你！如果你有任何其他问题，请随时问我。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值