草庐IT

Macbook 苹果电脑 安装搭建Vue脚手架教程m1芯片Vue脚手架初学

noahsark747 2023-04-09 原文

Macbook 苹果电脑 安装Vue脚手架教程

1.首先我们进入Node.js的官网，下载安装Node.js 如果你已经安装过可以忽略

网址http://nodejs.cn/

2.直接点击下载，这里我下载的是18版本最新版的。

3.选择macOS版本后会直接下载

4.下载完成后直接点击安装即可

5.Node.js安装完成后接下来我们打开电脑的终端

6. 然后我们进入Vue的官网

https://cn.vuejs.org/

7. 在*生态系统*处找到*Vue CLI*选项点击进入

8.点击‘起步’按钮



这里我们就打开的Vue CLI(脚手架的说明文档了)，在此页面下拉在右下角找到安装按钮
我们可以看到这样的界面,这里面会简要说明Vue脚手架的安装和卸载方法。

9.此时我们复制安装命令到macOS的终端中

这里我使用的命令是npm install -g @vue/cli
注意： 在macOS的终端中安装时需要在安装命令前面输入sudo

如图所示：

10.输入密码开始安装：此处输入密码并不会有提示，输入后直接回车即可

开始安装，此时安装可能需要一些时间，建议挂上🪜梯子

此外安装过程中会出现类似的警告，不用理会，这是正常情况。

脚手架安装完成

此时我们把终端关闭，然后重新打开终端 ，输入
vue --version 查看当前脚手架的版本号

能够执行这一步出现图片中的效果即安装完成了
此处我的版本号为5.0.4

1.脚手架安装完成后我们创建自己的项目

首先我们使用终端命令切换到我们要创建项目的指定位置，此处我以桌面为例。

使用ls命令查看当前文件夹，然后使用 cd Desktop/切换到桌面回车

2.创建第一个脚手架项目

输入 vue create test 回车即可开始创建项目，这里的test是项目的名称，根据自己的需求命名即可。

此时会出现提示，输入Y回车后会看见这个界面：

我们使用键盘上的上下按键控制即可，这里我的项目是Vue2开发的 所以脚手架创建这里我也选择第二个 ，然后回车开始创建：

3.脚手架搭建完成，此时我们在桌面上已经看到该test文件夹


回到终端 我们根据提示分别输入这两行命令
$ cd test
$ npm run serve

此时脚手架已经搭建完成了，我们将Local中的地址输入到浏览器中可以访问到脚手架中测试项目:

4.看完点个赞吧！

脚手架初学quotltgt

有关Macbook 苹果电脑 安装搭建Vue脚手架教程m1芯片Vue脚手架初学的更多相关文章

  1. ruby - 在 64 位 Snow Leopard 上使用 rvm、postgres 9.0、ruby 1.9.2-p136 安装 pg gem 时出现问题 - 2

    我想为Heroku构建一个Rails3应用程序。他们使用Postgres作为他们的数据库，所以我通过MacPorts安装了postgres9.0。现在我需要一个postgresgem并且共识是出于性能原因你想要pggem。但是我对我得到的错误感到非常困惑当我尝试在rvm下通过geminstall安装pg时。我已经非常明确地指定了所有postgres目录的位置可以找到但仍然无法完成安装:$envARCHFLAGS='-archx86_64'geminstallpg--\--with-pg-config=/opt/local/var/db/postgresql90/defaultdb/po

  2. ruby - 完全离线安装RVM - 2

    我打算为ruby​​脚本创建一个安装程序，但我希望能够确保机器安装了RVM。有没有一种方法可以完全离线安装RVM并且不引人注目(通过不引人注目，就像创建一个可以做所有事情的脚本而不是要求用户向他们的bash_profile或bashrc添加一些东西)我不是要脚本本身，只是一个关于如何走这条路的快速指针(如果可能的话)。我们还研究了这个很有帮助的问题:RVM-isthereawayforsimpleofflineinstall?但有点误导，因为答案只向我们展示了如何离线在RVM中安装ruby。我们需要能够离线安装RVM本身，并查看脚本https://raw.github.com/wayn

  3. ruby-on-rails - rails 目前在重启后没有安装 - 2

    我有一个奇怪的问题:我在rvm上安装了ruby​​onrails。一切正常，我可以创建项目。但是在我输入“railsnew”时重新启动后，我有“程序'rails'当前未安装。”。SystemUbuntu12.04ruby-v"1.9.3p194"gemlistactionmailer(3.2.5)actionpack(3.2.5)activemodel(3.2.5)activerecord(3.2.5)activeresource(3.2.5)activesupport(3.2.5)arel(3.0.2)builder(3.0.0)bundler(1.1.4)coffee-rails(

  4. ruby - 如何为 emacs 安装 ruby​​-mode - 2

    我刚刚为fedora安装了emacs。我想用emacs编写ruby。为ruby​​提供代码提示、代码完成类型功能所需的工具、扩展是什么？ 最佳答案 ruby-mode已经包含在Emacs23之后的版本中。不过，它也可以通过ELPA获得。您可能感兴趣的其他一些事情是集成RVM、feature-mode(Cucumber)、rspec-mode、ruby-electric、inf-ruby、rinari(用于Rails)等。这是我当前用于Ruby开发的Emacs配置:https://github.com/citizen428/emacs

  5. ruby-on-rails - 无法在centos上安装therubyracer(V8和GCC出错) - 2

    我正在尝试在我的centos服务器上安装therubyracer，但遇到了麻烦。$geminstalltherubyracerBuildingnativeextensions.Thiscouldtakeawhile...ERROR:Errorinstallingtherubyracer:ERROR:Failedtobuildgemnativeextension./usr/local/rvm/rubies/ruby-1.9.3-p125/bin/rubyextconf.rbcheckingformain()in-lpthread...yescheckingforv8.h...no***e

  6. ruby - 通过 RVM (OSX Mountain Lion) 安装 Ruby 2.0.0-p247 时遇到问题 - 2

    我的最终目标是安装当前版本的RubyonRails。我在OSXMountainLion上运行。到目前为止，这是我的过程:已安装的RVM$\curl-Lhttps://get.rvm.io|bash-sstable检查已知(我假设已批准)安装$rvmlistknown我看到当前的稳定版本可用[ruby-]2.0.0[-p247]输入命令安装$rvminstall2.0.0-p247注意:我也试过这些安装命令$rvminstallruby-2.0.0-p247$rvminstallruby=2.0.0-p247我很快就无处可去了。结果:$rvminstall2.0.0-p247Search

  7. ruby - 如何在 Lion 上安装 Xcode 4.6，需要用 RVM 升级 ruby - 2

    我实际上是在尝试使用RVM在我的OSX10.7.5上更新ruby，并在输入以下命令后:rvminstallruby我得到了以下回复:Searchingforbinaryrubies,thismighttakesometime.Checkingrequirementsforosx.Installingrequirementsforosx.Updatingsystem.......Errorrunning'requirements_osx_brew_update_systemruby-2.0.0-p247',pleaseread/Users/username/.rvm/log/138121

  8. ruby - Fast-stemmer 安装问题 - 2

    由于fast-stemmer的问题，我很难安装我想要的任何ruby​​gem。我把我得到的错误放在下面。Buildingnativeextensions.Thiscouldtakeawhile...ERROR:Errorinstallingfast-stemmer:ERROR:Failedtobuildgemnativeextension./System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/rubyextconf.rbcreatingMakefilemake"DESTDIR="cleanmake"DESTDIR=

  9. ruby - 安装 Ruby 时遇到问题(无法下载资源 "readline--patch") - 2

    当我尝试安装Ruby时遇到此错误。我试过查看this和this但无济于事➜~brewinstallrubyWarning:YouareusingOSX10.12.Wedonotprovidesupportforthispre-releaseversion.Youmayencounterbuildfailuresorotherbreakages.Pleasecreatepull-requestsinsteadoffilingissues.==>Installingdependenciesforruby:readline,libyaml,makedepend==>Installingrub

  10. ruby - 通过 RVM 安装 Ruby 1.9.2 永远行不通! - 2

    当我执行>rvminstall1.9.2时一切顺利。然后我做>rvmuse1.9.2也很顺利。但是当涉及到ruby​​-v时..sam@sjones:~$rvminstall1.9.2/home/sam/.rvm/rubies/ruby-1.9.2-p136,thismaytakeawhiledependingonyourcpu(s)...ruby-1.9.2-p136-#fetchingruby-1.9.2-p136-#downloadingruby-1.9.2-p136,thismaytakeawhiledependingonyourconnection...%Total%Rece

随机推荐