因为项目需要后端做一些调整,需要配合前端做,总找前端同学一起调试比较麻烦,所以决定自己在本地把vue前端项目跑起来。安装过程颇曲折,所以整理了一下思路。
一、安装nodejs v14.18.0
搜了很多相关资料,得到的信息大概是要先装brew,然后通过brew安装node,再安装webpack。于是直接安装了brew,安装方法就不多说了可以搜一下有很多文章,然后通过brew install node 命令安装了node 。
node -v 和 npm -v 查看了一下版本信息,安装成功了。但是版本都是官网最新的版本。在hbuilderx中run前端项目的时候run不起来报错。倒腾了很久仍然没有思路,在一篇文章中得到启发,因为我是已有项目所以打包文件package.json是已经存在的,我需要安装匹配的node版本才能打包运行项目。
项目里的打包文件package.json中,nodesaas的版本是 "node-sass": "^4.14.1"

然后查看了一下nodesaas对应的node和nodemoudle版本对应关系,我这里需要安装node 14

到这里发现个问题,本地已经安装了一个node新版本了,再安装一个版本需要有个版本切换控制的工具,找到了一个不错的版本控制工具nvm ,于是 brew intall nvm 这就不多说了,需要的可以搜一下brew 安装nvm。 然后用nvm安装node14 nvm install node v14 ,安装过程遇到一个坑,nvm默认download的路径是外网路径非常慢,基本上很难成功download,需要切换成阿里的镜像地址。mac 配置nvm 镜像地址方法
vi ~/.bash_profile 在文件中添加镜像地址。
export NVM_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/node
export NVM_IOJS_ORG_MIRROR=http://npm.taobao.org/mirrors/iojs
source ~/.bash_profile 刷新一下配置 ,继续nvm install v14.18.0,发现速度很快几秒钟安装完毕。
至此nodejs v14.18.0 安装成功。 nvm切换版本命令 nvm use v14.18.0 ,其他命令可以搜一下。
例如

注意:nodejs 安装后npm也会一起安装,不用单独再安装npm,可以通过npm -v 查看npm版本,node -v 查看node版本。
二、vue项目启动 npm run dev
终端中切换到vue项目路径下。执行npm run build 报错 Error: Cannot find module 'webpack'

全局安装webpack 执行 npm install webpack -g

全局安装webpack-cli 执行 npm install webpack-cli -g

建立webpack 映射关系 npm link webpack
· npm run dev
报错Syntax Error: Error: ENOENT: no such file or directory, scandir '项目路径/node_modules/node-sass/vendor'
解决:删除项目中生成的node-moudle文件夹 ,执行 npm rebuild node-sass
再次执行 npm run dev 报错 These dependencies were not found:

解决: 执行 npm install --save core-js
再次执行 npm run dev 成功!

三、总结
少走弯路: mac 或者linux 安装过程,先安装brew ,通过brew 按照nvm ,设置nvm下载路径从阿里镜像下载,nvm 安装所需要的nodejs 版本,nodejs安装成功后npm会对应安装成功不必单独安装npm,安装webpack,解决报错问题,运行项目。
后端同学可以把nodejs理解成 jdk ,webpack理解成类似tomcat等的发布容器。要注意如果是现有项目要找到对应打包文件中需要哪个版本的nodejs。
参考
nodejs 版本官网地址
这个小哥写的mac 安装环境给了很大启发
Macbook搭建vue开发环境_ImSeniorProgrammer的博客-CSDN博客
我想为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
我打算为ruby脚本创建一个安装程序,但我希望能够确保机器安装了RVM。有没有一种方法可以完全离线安装RVM并且不引人注目(通过不引人注目,就像创建一个可以做所有事情的脚本而不是要求用户向他们的bash_profile或bashrc添加一些东西)我不是要脚本本身,只是一个关于如何走这条路的快速指针(如果可能的话)。我们还研究了这个很有帮助的问题:RVM-isthereawayforsimpleofflineinstall?但有点误导,因为答案只向我们展示了如何离线在RVM中安装ruby。我们需要能够离线安装RVM本身,并查看脚本https://raw.github.com/wayn
我正在编写一个包含C扩展的gem。通常当我写一个gem时,我会遵循TDD的过程,我会写一个失败的规范,然后处理代码直到它通过,等等......在“ext/mygem/mygem.c”中我的C扩展和在gemspec的“扩展”中配置的有效extconf.rb,如何运行我的规范并仍然加载我的C扩展?当我更改C代码时,我需要采取哪些步骤来重新编译代码?这可能是个愚蠢的问题,但是从我的gem的开发源代码树中输入“bundleinstall”不会构建任何native扩展。当我手动运行rubyext/mygem/extconf.rb时,我确实得到了一个Makefile(在整个项目的根目录中),然后当
我有一个奇怪的问题:我在rvm上安装了rubyonrails。一切正常,我可以创建项目。但是在我输入“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(
我刚刚为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
我正在尝试在我的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
我的最终目标是安装当前版本的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
我实际上是在尝试使用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
由于fast-stemmer的问题,我很难安装我想要的任何rubygem。我把我得到的错误放在下面。Buildingnativeextensions.Thiscouldtakeawhile...ERROR:Errorinstallingfast-stemmer:ERROR:Failedtobuildgemnativeextension./System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/rubyextconf.rbcreatingMakefilemake"DESTDIR="cleanmake"DESTDIR=
当我尝试安装Ruby时遇到此错误。我试过查看this和this但无济于事➜~brewinstallrubyWarning:YouareusingOSX10.12.Wedonotprovidesupportforthispre-releaseversion.Youmayencounterbuildfailuresorotherbreakages.Pleasecreatepull-requestsinsteadoffilingissues.==>Installingdependenciesforruby:readline,libyaml,makedepend==>Installingrub