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

搭建VUE开发环境

作者: nanamii | 来源:发表于2018-09-26 10:03 被阅读16次
  • 安装node.js:https://nodejs.org/en/download/
    Vue项目通常通过webpack工具来构建,而webpack命令的执行是依赖node.js的环境的,所以首先要安装node.js。
    安装完毕之后,在命令行输入nmp验证是否安装成功。
  • 安装cnpm
    npm包含的很多依赖包是部署在国外的,下载速度很慢。所以要安装cnpm,cnpm是淘宝对npm的镜像服务器,这样依赖的包安装起来就快很多。
    安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 安装vue-cli
    vue-cli是vue官方提供的一个命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。
    安装命令为:cnpm install -g vue-cli
  • 新建一个vue项目
    vue init webpack vue-demo 新建项目文件夹vue-demo
    cnmp install 安装项目依赖的包,项目目录下多了node_modules
    cnpm run dev 执行完成后启动项目

相关文章

  • 前端环境搭建

    前端开发环境的搭建 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/roqdoftx.html