windows系统下安装Nodejs并安装vue-cli

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

下载

Node.js下载地址
根据自己的电脑选择下载
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
下载完成后点击下载好的文件
一路next
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
安装地址可以根据自己的喜好修改

windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
按住win + r 输入cmd,按回车,打开命令窗口
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
输入node -v,若显示版本号则安装成功

windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
安装完之后npm指令可以直接使用
输入npm -v 查看npm版本
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端

node.js会自动帮我们配置环境变量,不需要我们再手动配置,可以自行检查
在windows左下角的搜索窗口搜索编辑系统环境变量
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端

点击环境变量,在系统变量中找到path,双击它就可以看到环境变量了
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端

windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端

安装淘宝镜像加速器(cnpm)

# -g是全局安装
npm install cnpm -g
# 或者使用下面语句解决npm速度慢的问题
npm install --registry=https://registry.npm.taobao.org

下载位置C:\Users\xxx\AppData\Roaming\npm\node_modules

其中涉及隐藏目录,首先我们要显示隐藏目录
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端

安装vue-cli

cnpm install vue-cli -g

windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端

# 查看可以基于哪些模板创建vue应用程序,通常选用webpack
vue list

windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
这时候,modules里面也有了vue-cli
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端

初始化一个vue-cli程序

以管理员身份打开cmd
cd到你需要下载vue-cli的文件位置
执行下面命令

vue init webpack vue_name

进入vue_name这个文件夹
cd vue_name
执行npm install

然后执行npm run dev启动
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端
在cmd页面按crtl+c终止

安装webpack

npm install webpack -g
npm install webpack-cli -g

安装vue-router

将idea设置为管理员打开
在idea的终端处键入
注意: 如果你是vue2请安装vue-router3, vue3请安装vue-router4

npm install vue-router@Version --save-dev --legacy-peer-deps

windows系统下安装Nodejs并安装vue-cli,windows,vue.js,前端文章来源地址https://www.toymoban.com/news/detail-666923.html

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

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

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

相关文章

  • Vue-CLI安装方法

    目录 一、安装Node.js及配置环境 1.下载并安装Node.js 2.本地查看Node.js是否安装成功 3.配置镜像源  二、安装Vue-CLI 1.全局安装Vue-CLI 2.检查版本号 (1)浏览器地址栏输入nodejs.org,进入Node.js官网 Node.js Node.js® is a JavaScript runtime built on Chrome\\\'s V8 JavaScript engine. https://nodejs.org/zh-cn (

    2024年04月14日
    浏览(44)
  • docker持久化部署vue前端nodejs后端项目-- 01. docker以及docker-compose在window以及linux的安装

    本章节主要来讲述docker desktop 界面版本使用以及docker-compose 的安装和使用 GIT地址:添加链接描述 docker 专栏:点击此处 章节 1 docker以及docker-compose在window以及linux的安装 2 项目对应的docker-compose结构 3 怎么将docker-compose项目部署到服务器上 4 配置服务器JENKINS环境 额外篇 章节

    2024年02月04日
    浏览(48)
  • Vue学习 之 MacOS 安装 vue-cli

    vue-cli(Vue Command Line Interface)是Vue.js官方提供的一个脚手架工具,它提供了一些命令,可以帮助我们创建基于Vue.js的项目模板,快速开发Vue.js单页面应用(SPA)。使用vue-cli可以配置构建工具、插件、路由、状态管理等等,可以大大提升开发效率,减少重复操作。 vue-cli 的安装

    2024年02月15日
    浏览(48)
  • Vue-Cli安装和配置(全)

    Vue-cli是Vue的脚手架,类似Java中的SpringBoot框架,用于搭建一个标准的项目。 Vue-cli大大降低了webpack的使用难度,支持热部署,有webpack-dev-server的支持,相当于启动了一个请求服务器作为测试环境,我们只关注开发就可以了。 目录 安装和配置 安装Node.js npm工具 npm配置国内镜像

    2024年02月03日
    浏览(56)
  • 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)
  • windows10下安装和配置nodejs环境

    官方下载地址:下载最新LTS windows版本:  16.15.0  (includes npm 8.5.5)  Node.js ,如下图 安装可以更改安装路径(我的是默认地址 C:Program Files ) 其余的都是选择 下一步, 安装  测试是否安装 成功 打开开始菜单中输入cmd,打开cmd命令窗口,分别输入如下命令 node -v 查看node的版本 npm

    2023年04月26日
    浏览(45)
  • web前端自学全套视频,学习慕课网 vue-cli3安装,cube-ui安装,前端面试自我介绍

    https://github.com/cube-ui/cube-template/wiki 2019.2.25 1 tab点击切换导航栏: http://ustbhuangyi.com/music/#/rank vue-cli2.9.6 中使用cube-ui注意事项 https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start 淘宝源 使用 cnpm -v 查看是否已经安装 cnpm。如果没有,使用 npm install cnpm -g --registry=https://registry.npm.taobao.or

    2024年04月26日
    浏览(32)
  • Windows 7 下如何安装 nodejs 16 以上版本

    由于 Windows 7 对 nodejs 13(nodejs 12)以上的版本 不兼容 了 不支持安装 nodejs 16 以上版本的,具体解决方法如下: 到官网去找早期历史版本的 nodejs 13 (12) 版本的 .msi 文件下载下来, 如果你的电脑安装的有的话,直接省略这步; 13x 网址: https://nodejs.org/download/release/latest-v13.x/

    2024年02月12日
    浏览(40)
  • nodejs V16.17.0 windows10 安装配置

    一、安装 1. 下载地址  2. 安装过程 二、环境配置 1. 创建文件夹 2. 环境变量 3. 修改路径 4. 配置检测 5. 关于每次npm install 下载依赖包时都需要以管理员身份运行的解决办法  6. vscode命令行以管理员身份运行 1. 下载地址 https://nodejs.org/zh-cn/download/ 在下载页选择合适的安装包进

    2024年02月07日
    浏览(61)
  • nodejs中判断windows、mac或linux系统

    window和linux已验证通过,mac待验证 通过当前系统(win,linux)配置文件路径  utils/index.js: app.js中使用: 相对根目录而言 

    2024年02月08日
    浏览(35)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包