vue版本更新

摘要:
节点环境和vue-cli脚手架之前已安装在计算机上,更新后计算机已成功启动。以下是节点和vue-cli更新的摘要:npminstallvue-cli-g II。我使用节点版本管理工具(nvm)切换节点版本。首先,将节点版本切换到最新版本,因此在切换节点版本之前,必须运行到安装nvm的路径。

之前电脑已经安装 Node环境和 vue-cli脚手架,但是过段时间没有使用,然后现在用 vue-cli 搭建项目的时候,启动服务器的时候报错,无法启动成功,摸索半天,发现是因为 Node和vue-cli 的版本过低,都需要更新,更新过后成功启动......

以下是 Node 和 vue-cli 更新的总结:

一. vue-cli更新

  在百度了好久,也试了好多方法,没用,最后使用以下方法实现 vue-cli 更新:

  1. 先全局卸载vue-cli: npm uninstall vue-cli -g

  2. 重新下载:npm install vue-cli -g

二. Node 的更新

  我使用的是Node版本管理工具(nvm)进行 Node版本的切换,在使用 vue-cli 搭建 vue 项目前,先把 Node版本切换到最新版,

  然后再:  vue init webpack <project-name>  来初始化项目;

  在切换 Node版本的时候发现了自己给自己挖了一个坑,就是在安装 nvm 的时候不是全局安装,所以必须跑到之前安装 nvm 的路径下,才能使用 nvm 进行 Node 版本的切换。

  

webpack + vue-cli 搭建 vue 项目的流程

  保证先安装 Node 环境,然后使用下载Node时自带的 npm (node 的包管理工具) 下载各种依赖,比如:vue-cli,安装 vue-cli后才能使用 vue 命令来初始化项目

  1. 全局安装vue的脚手架:vue-cli

    npm install vue-cli -g

  2. 使用初始化 vue 项目: (使用 webpack模板搭建项目)

    vue init webpack <project-name>

  3. 进入刚刚新建的项目文件:

    cd <project-name>

  4. 安装vue项目所需要的依赖

    npm install

  5. 运行启动项目:

    npm run dev

Node版本管理工具(nvm)的安装可以参考:Nvm安装,有点小复杂,而且还没有全局安装,看看就行,解决方案出来再进行修改,如果大神有好的解决方案请告之,菜鸟自摸实在是太心酸了,一个问题能搞一下午.....,纯属浪费时间

 
 

补充:
查看版本命令:
node -v
npm -v
vue --version

 
 

免责声明:文章转载自《vue版本更新》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇快速把html、手机网站打包成APP的工具和步骤流程实验四:xl命令的常见子命令以及操作下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue项目接入api接口

我们在做项目时,一切基础在于数据上面,所以接入api接口是关键。 访问接口是我们会遇到跨域,而,vue-cli给我们提供了反向代理,所以我们只需要配置一下就可以了。 在config文件中找到index.js,修改dev对象里面的proxyTable如图 然后我们在同个文件夹里面打开dev.env.js这个是生产环境配置文件,我们进行修改 再打开同文件夹...

Vue指令和事件

/** * 语法糖的概念: * 语法糖是指在不影响功能的情况下,添加某种方法实现同样的; * 使用语法糖,可以简化代码的书写 * 比如 v-on:click='func' @click='func' * v-bind:src :src */ <!-- v-on 可以监听原生DOM事件click,dbclick,keyup,mousemove...

使用vue vantUi框架 根字体是37.5 和默认根字体75不一致,导致页面组件样式变小

VUE 使用的时候,想要做移动端自适应,而一开始没有料到用vantUI框架,所以在utils.js中,由于引用了px2rem-loader和lib-flexible,所以要设置: const px2remLoader = {loader:'px2rem-loader',options:{remUnit:75}} 但是后期,发现自己要用vantUI框架,而当...

vue项目微信端清理缓存问题解决

vue为单页面前端框架,清理缓存,常规的方式是添加html头部meta,如果逻辑里面是需要使用缓存的,这种方式不建议使用,代码片段如下: <html manifest="IGNORE.manifest"> <head> <meta charset="utf-8"> <meta name="vie...

vue前端工程化

今日目标 1.能够了解模块化的相关规范 2.了解webpack3.了解使用Vue单文件组件4.能够搭建Vue脚手架5.掌握Element-UI的使用 1.模块化的分类 A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义)代表产品为:Require.js2).CMD(Common Module D...

HP-UX查看版本

首先采用uname -a查看服务器类型 $ uname -a    HP-UX WEBDB1 B.11.31 U ia64 0749665296 unlimited-user license   服务器的为HP-UX 服务的名字:WEBDB1 服务器的版本:B.11.31 $ $ machinfo CPU info: #CPU信息   4 Int...