美文网首页
vue环境搭建

vue环境搭建

作者: noddle | 来源:发表于2018-01-12 18:02 被阅读0次

一 、npm 的安装

        由于node新版本都集成了npm ,所以直接安装node就行 nodejs下载地址,我使用的是 v6.6.0版本。

        下载好后,可以在docs下用命令node -v ,npm -v查看是否安装成功:

            由于npm 下载依赖文件比较慢,通常需要用淘宝镜像cnpm 

            命令如下:   npm install -g cnpm --registry=https://registry.nmp.taobao.org


二、 安装vue 官方推荐的脚手架

        安装vue-cli 

        命令: cnpm install -g vue-cli


三、构建简单的vue项目

1 用 命令 :vue init webpack 项目名称构建项目

安装的依赖比较多,需要稍等一会儿

如果项目比较简单可以使用 命令:vue init webpack-simple 项目名称

2  安装项目依赖

进入项目:cd 项目名称 ; npm install

3 运行项目

 npm run dev

如图:


以上是vue的基本环境搭建!

相关文章

  • 前端环境搭建

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

  • vue+ionic

    vue的环境搭建: npm install -g @vue/cli (若已搭建跳过)vue create i...

  • Vue之ToDoList实战

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

  • vue-vscode开发环境搭建

    vue-vscode环境搭建

  • Mac上搭建vue环境

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

  • vue-cli单页面应用

    vue-cli是vue搭建环境脚手架,只需要几个命令就可以搭建开发环境。 vue-cli脚手架搭建 1.安装nod...

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

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

  • Express+Vue+MongoDB

    环境搭建 首先要安装vue-cli和express-generator 使用手脚架搭建vue环境和express环...

  • 2019-06-15

    Node.js、Vue.js 运行环境搭建记录 参考链接:Vue.js 运行环境搭建详解(基于windows的手把...

  • Vue(7)

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

网友评论

      本文标题:vue环境搭建

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