一、安装vue-cli(当前版本是4.x)(只需安装一次,后面永久使用)

摘要:
安装完成后就可以使用NPM,NPM是一个node.js包管理和分发工具。安装vue-cli需要使用NPM。npminstall-g@vue/cli步骤三:安装完成,使用以下命令来检测版本是否正确,并验证vue-cli是否安装成功。vue--version如果安装成功,显示以下结果:@vue/cli4.5.4

特别注意:如果已经全局安装了旧版本的vue-cli(1.x或2.x),需要先卸载它。

//如果是windows系统请打开cmd命令提示符窗口,如果是MAC系统请打开终端,输入命令如下:
npm  uninstall  vue-cli  -g

步骤一:进入node.js官网https://nodejs.org/,选择LTS版本(长期支持的版本)下载并安装。安装完成后就可以使用NPM,NPM是一个node.js包管理和分发工具。安装vue-cli需要使用NPM。

步骤二:使用以下命令安装vue-cli

npm  install  -g  @vue/cli

步骤三:安装完成,使用以下命令来检测版本是否正确,并验证vue-cli是否安装成功。

vue  --version

如果安装成功,显示以下结果:

@vue/cli  4.5.4

免责声明:文章转载自《一、安装vue-cli(当前版本是4.x)(只需安装一次,后面永久使用)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇http协议的POST传数据sql server 更新满足条件的某一条记录下篇

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

相关文章

Vue快速搭建项目

1. 安装node.js,这是最基础的环境; 2. 安装cnpm: npm install cnpm -g --registry=https://registry.npm.taobao.org 3. 全局安装vue-cli: cnpm install -g vue-cli 4. 安装vue-cli成功后,通过cd命令进入你想放置项目的文件夹,...

vue-cli 2.x和3.x配置移动端适配px自动转为rem

移动端适配一直都是个大问题,现在也出现了各种各样的解决方案,比如 rem, vw 百分比等,但是比较成熟的切比较容易编写的还是 rem,他是相对于根元素的 font-size 进行等比例计算的。 但是我们在编写css的时候,需要计算每一个元素相对于根元素的rem值是多少。会比较麻烦,并且维护起来也不方便。那么社区也出现了各种解决方案。 早期的解决方案是利用...

Vue-cli 创建的项目配置跨域请求(通过反向代理)---配置多个代理--axios请求

问题描述: 使用 Vue-cli 创建的项目,开发地址是 localhost:8080,需要访问 localhost:9000或https://m.maoyan.com或http://image.baidu.com上的接口 分析原因: 不同域名之间的访问,需要跨域才能正确请求。跨域的方法很多,通常都需要后台配置 不过 Vue-cli 创建的项目,可以直接...

vue-cli 引入axios及跨域使用

使用 cnpm 安装 axios cnpm install axios --save-dev 安装其他插件的时候,可以直接在 main.js 中引入并 Vue.use(),但是 axios 并不能 use,只能每个需要发送请求的组件中即时引入为了解决这个问题,有两种开发思路,一是在引入 axios 之后,修改原型链,二是结合 Vuex,封装一个 aci...

【Vue】10 Vue-Cli 项目创建

简单的Demo案例并不需要Vue-Cli,因为一个页面之内可以总揽 但是真实的项目开发,考虑代码结构,目录结构,部署,热部署,单元测试... 代码量呈几何倍数增长,而且缺少轮子就写起来很痛苦 所以必须安装Vue-Cli来开发: Cli翻译为命令行界面,又被称为脚手架 比框架更加半成品的东西: 安装vue-cli最新版: npm install -g @vu...

快速创建 Vue 项目

转载:https://www.jianshu.com/p/c7df292915e7 为了便于 Vue 项目的管理, Vue 团队官方开发了 vue-cli 工具。 本文将带您使用 vue-cli 快速创建一个 Vue 项目。 本地安装 vue-cli 使用 npm 全局安装 vue-cli : cnpm install -g @vue/cli 创建项目 执...