Vue-CLI安装方法

这篇具有很好参考价值的文章主要介绍了Vue-CLI安装方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

一、安装Node.js及配置环境

1.下载并安装Node.js

2.本地查看Node.js是否安装成功

3.配置镜像源

 二、安装Vue-CLI

1.全局安装Vue-CLI

2.检查版本号



一、安装Node.js及配置环境

1.下载并安装Node.js

(1)浏览器地址栏输入nodejs.org,进入Node.js官网Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/zh-cn

(2)选择14版本以上进行下载
https://nodejs.org/dist/v18.15.0/node-v18.15.0-x64.msihttps://nodejs.org/dist/v18.15.0/node-v18.15.0-x64.msi

(3)下载完成后打开文件进行安装 

全局安装vue-cli,vue.js,javascript,前端,node.js,npm

 (4)安装Node.js

①点击Next

全局安装vue-cli,vue.js,javascript,前端,node.js,npm

②勾选I accept.... 然后点击Next

全局安装vue-cli,vue.js,javascript,前端,node.js,npm

 ③选择安装目录:Node.js默认安装目录是C盘: “C:\Program Files\nodejs” ,可以根据自己需要更改(Change)位置,尽量不修改然后点击Next

全局安装vue-cli,vue.js,javascript,前端,node.js,npm

④直接点击Next

全局安装vue-cli,vue.js,javascript,前端,node.js,npm

⑤ 勾选Automatically i.... ,然后Next

全局安装vue-cli,vue.js,javascript,前端,node.js,npm

⑥点击Install,等待

全局安装vue-cli,vue.js,javascript,前端,node.js,npm

全局安装vue-cli,vue.js,javascript,前端,node.js,npm

 ⑦点击Finish

全局安装vue-cli,vue.js,javascript,前端,node.js,npm

我们已经完成Node.js的安装

2.本地查看Node.js是否安装成功

①win+R输入cmd,打开“命令提示符”窗口

全局安装vue-cli,vue.js,javascript,前端,node.js,npm

全局安装vue-cli,vue.js,javascript,前端,node.js,npm

 ②使用node --version 或 node -v 检查node版本号

全局安装vue-cli,vue.js,javascript,前端,node.js,npm

3.配置镜像源

 ①淘宝镜像源:

npm config set registry https://registry.npmmirror.com

 ②win+R输入cmd,打开“命令提示符”窗口,输入此命令,回车

全局安装vue-cli,vue.js,javascript,前端,node.js,npm

 二、安装Vue-CLI

1.全局安装Vue-CLI

win+R输入cmd,打开“命令提示符”窗口,输入此命令,回车

npm install -g @vue/cli

2.检查版本号

win+R输入cmd,打开“命令提示符”窗口,输入此命令,回车

vue -V

 出现 @vue/cli 5.0.8 版本号则安装成功

全局安装vue-cli,vue.js,javascript,前端,node.js,npm文章来源地址https://www.toymoban.com/news/detail-850804.html

到了这里,关于Vue-CLI安装方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue-cli3的安装和项目创建

    一 vue-cli3的安装 (注意:vue-cli3在安装之前,需要先删除旧版本,即vue-cli2)   cnpm i -g @vue/cli vue-cli3的卸载:cnpm uninstall -g @vue/cli  然后用命令“vue -V”查看是否删除vue,如果没有删掉,就直接去文件夹里面删除vue文件夹即可 (二)vue-cli3项目创建 1,用dos命令的方式 vue cre

    2024年02月09日
    浏览(56)
  • windows系统下安装Nodejs并安装vue-cli

    Node.js下载地址 根据自己的电脑选择下载 下载完成后点击下载好的文件 一路 next 安装地址可以根据自己的喜好修改 按住 win + r 输入cmd,按回车,打开命令窗口 输入 node -v ,若显示版本号则安装成功 安装完之后npm指令可以直接使用 输入 npm -v 查看npm版本 node.js会自动帮我们配置

    2024年02月11日
    浏览(57)
  • Vue-cli

    单文件组件 — Vue.js 2.1 环境搭建 2.2 项目的创建 创建项目 启动/停止项目 打包项目 package.json中 2.3 认识项目 项目目录 配置文件:vue.config.js main.js 整个项目入口文件 vue文件 定义组件 1、使用vue-cli: 在vue-cli在init初始化时会询问是否需要添加ESLint,确认之后在创建的项目中就

    2024年02月01日
    浏览(51)
  • less中:export 无效问题,vue-cli中导出公共变量,js对象为空对象

    试例 解决方案 注:在vue-cli v5版本中requireModuleExtension是已经被移除了。在没有任何配置的情况下打印出来的就是一个空对象 通过阅读官方文档,发现可以根据约定将文件名改为.module.(css|scss|sass|less|styl(us)?)结尾,这样就可以识别出css module。 这里是将自己项目中的variables.le

    2024年02月13日
    浏览(72)
  • 13.vue-cli

    单页面应用程序:所有的功能只在index.html中完成 vue-cli是vue版的webpack 目录 1  安装vue-cli 2  创建项目 3  使用预设 4  删除预设 5  开启项目 6  项目文件内容 6.1  node_moduls 中是项目依赖的库 6.2  public 6.2.1  favicon.ico 是浏览器页签内部左侧的图标 6.2.2  index.html 6.3  

    2023年04月19日
    浏览(41)
  • Vue安装过程的困惑解答——nodejs和vue关系、webpack、vue-cli、vue的项目结构

    本文知识来源于《Vue.js+Node.js全站开发实战》,书籍下载地址:https://zlibrary-east.se/book/18202286/fed194(2023.8.31更新) 相信大家都看过下面的Vue安装教程,首先第一步都是安装nodejs,那么为什么要下载nodejs?https://blog.csdn.net/m0_57545353/article/details/124366678 ——因为Node.js是JavaScript的

    2024年02月10日
    浏览(69)
  • 【Vue】Vue-Cli整合Echart

    参考资料 从零搭建vue2项目 Vue-cli官网 npm下载缓慢解决方法 1、创建并运行Vue Cli hello-world项目 先下载 node 和 npm ,并分别使用 node -v 和 npm -v 查看相应版本。 安装vue-cli后,通过 vue —version 查看vue-cli版本 创建一个新项目(创建时可以选择是Vue3或者Vue2): vue create hello-world 运

    2024年02月15日
    浏览(33)
  • vue-cli安装后vue -V报错:C:\Users\admin\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js

    运行 vue -V 一直报错, 网上常识各种办法无效。 包括: 卸载: npm uninstall -g @vue/cli 和 npm uninstall -g vue-cli 重新安装: npm install -g vue-cli 和 npm install -g @vue/cli 清理缓存: npm cache clean --force 更新: npm update 关机重启 N次 依然报错: C:UsersadminAppDataRoamingnpmnode_modules@vueclibin

    2024年02月03日
    浏览(38)
  • 第一个 vue-cli 项目

            v ue-cli 官方提供的一个脚手架,用于快速生成一个 vue 的项目模板;预先定义好的目录结构及基础代码,就好比咱们在创建 Maven 项目时可以选择创建一个骨架项目,这个骨架项目就是脚手架,我们的开发更加的快速; 1.1 主要的功能         a、统一的目录结构  

    2024年02月14日
    浏览(43)
  • 第一个vue-cli程序

               

    2024年02月11日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包