美文网首页
搭建VUE开发环境

搭建VUE开发环境

作者: Annie_shang | 来源:发表于2019-10-09 15:12 被阅读0次

安装前检查

首先确保电脑中已经安装了 node
检查方法:按windows键和R键弹出运行框—输入cmd回车,接着输入以下命令:
node -v (回车)
若电脑中已安装了node, 命令窗口中则出现当前node的版本号,如下所示:

检查node.jpg

全局安装 vue-cli脚手架

输入以下命令npm install --global vue-cli
检查方法: 输入vue命令,查看是否出现vue相关命令信息(安装成功),如下图所示:

检查vue.png

vue环境搭建完成,新建一个项目

  • 新建vue项目(PET项目名称), 输入命令
    vue init webpack PET
    出现如下图所示选项:
    vue项目搭建.jpg
  • 输入命令:npm install 安装相关依赖
  • 项目初始化成功如下图所示:


    项目初始化成功.jpg

相关文章

  • 前端环境搭建

    前端开发环境的搭建 vue环境搭建(node,vue-cli,vue) https://www.jianshu.c...

  • Mac上搭建vue环境

    // 转发自:vue开发环境搭建Mac版 vue开发环境的搭建由于本人使用的是mac,所以环境是windows的下...

  • Vue

    搭建Vue开发环境1.必须要安装node.js2.搭建vue的开发环境,安装vue的脚手架工具 官方命令行工具n...

  • Vue之ToDoList实战

    之前的文章windows下搭建vue开发环境,我们已经搭建好了vue的环境,并且写了Vue系列之WebPack与E...

  • Vue系列之WebPack与Eslint

    上一篇文章,我们在window上搭建了vue的开发环境,windows下搭建vue开发环境,并且创建了项目,我们看...

  • Vue.js 安装、搭建及创建

    windows环境搭建Vue开发环境 运行下载的Vue demo https://www.cnblogs.com/...

  • 2020-09-22

    搭建vue开发环境的步骤 在搭建vue的开发环境之前,一定一定要先下载node.js,,vue的运行是要依赖于no...

  • Vue开发环境搭建与创建项目

    Vue开发环境的搭建,直接看大神写的教程吧:Vue环境搭建[https://blog.csdn.net/wu__d...

  • vscode的vue开发环境搭建

    转载自Vscode的vue开发环境搭建

  • Vue(7)

    一、环境搭建 下面我们需要为后面要做的Vue项目搭建开发环境。 1、基本的运行环境 该项目使用node& vue在...

网友评论

      本文标题:搭建VUE开发环境

      本文链接:https://www.haomeiwen.com/subject/lbkkyctx.html