node和npm一行命令升级最新版本

本文记录了作者在尝试使用Nuxt.js搭建项目的全过程,包括安装模板、配置环境及解决过程中遇到的各种错误,例如因Node.js和npm版本过低导致的语法错误以及模板解析失败等问题。

今天想搞搞nuxt,就按照官网的那样下载一个类似vue脚手架类似的 starter 模板。

# 下载nuxt模版
$ vue init nuxt-community/starter-template <project-name>

注: 如果vue-cli 没有安装, 需先通过 npm install -g vue-cli 来安装。

# 然后安装依赖包
$ cd <project-name>
$ npm install
# 接着通过以下命令启动项目
$ npm run dev

但是就这最后一步出现了问题,出现报错

 nuxt
/Users/hsacramento/.nvm/versions/node/v6.9.5/lib/node_modules/nuxt/lib/core/module.js:14
  async ready() {
        ^^^^^
SyntaxError: Unexpected identifier
    at Object.exports.runInThisContext (vm.js:76:16)
    at Module._compile (module.js:542:28)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/Users/hsacramento/.nvm/versions/node/v6.9.5/lib/node_modules/nuxt/lib/core/index.js:2:16)
    at Module._compile (module.js:570:32)

然后上网搜了一下,看一下问题所在,然后搜到了这篇文章:原文链接
大致意思是nodenpm版本低,需要的版本如下。
Nuxt.js 1.x
node > = 8
npm > = 5

这个失败弄好之后,我本地又开始失败了,报错信息如下:

error 
in ./src/App.vue

Module build failed: Error: No parser and no file path given, couldn't infer a parser.

报错信息,大概是模版变异错误。然后又不知道为啥纠结着呢。最后上网搜了资料是因为prettier版本高。所以要降级。
解决方案:

npm install --save-dev prettier@1.12.0

npm run dev

升级node.jsnpm

一行命令搞定npm和node.js的升级,省去了重新编译和安装的过程。

  • 升级node.js
    npm中有一个模块叫做“n”,专门用来管理node.js版本的。更新到最新的稳定版只需要在命令行中打下如下代码:
npm install -g n
n stable
//如需最新版本则用 n latest

注:我在升级的时候,执行权限,macsudo,当然,n后面也可以跟具体的版本号:n v6.2.0

  • 升级npm
npm -g install npm@next
### 配置使用NodeNPM #### 卸载旧版Node.js 为了确保新安装的Node.js版本不会与现有版本冲突,在安装`nvm`前应当彻底移除系统中原有的Node.js及其关联组件。对于Windows用户而言,可以通过特定指南完成这一操作[^3]。 #### 安装并验证NVM 一旦确认环境中没有任何残留的老版本Node.js实例之后,则可继续执行`nvm`本身的部署工作。完成后可通过命令`nvm -v`来检验其是否被正确设置到PATH路径之中;如果返回的是具体的版本号而非错误提示,则表明安装过程顺利完成[^2]。 #### 使用NVM管理多个Node版本 借助于`nvm`的强大功能,能够轻松实现多版本共存的目标。例如,要获取某个具体编号下的Node发行包只需运行带有相应参数的`install`子命令即可达成目的(`nvm install <version>`); 若希望即时切换至刚下载好的解释器环境里去的话,则紧接着调用一次`use`方法(`nvm use <version>`)便能生效。另外还支持查询当前可用的选择列表(`nvm ls`)或是单独查看正在运作中的引擎规格(`node -v`)。 #### 更新全局模块管理工具(NPM/YARN) 每当变更了基础平台后都建议同步升级配套使用的软件集合,比如官方默认提供的`npm`以及社区广泛采纳的事实标准——`Yarn`。前者可以直接经由内置机制在线检索最新的稳定分支进行自我迭代(`npm update -g npm`), 后者则依赖外部仓库资源完成相同性质的任务(`npm install yarn -g`)[^1]。 ```bash # 更新npm本身 npm update -g npm # 安装yarn作为替代方案之一 npm install yarn -g ```
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值