Vue-cli安装

安装Vue-cli之前我们先检查一下node的版本

node -v 

需要node版本大于v4.0以上,对于现在安装的node来说并没有太大问题。
接下来我们来正式安装Vue-cli脚手架,在mac环境下,我们需要:

sudo npm install -g vue-cli

在windows环境下,我们需要直接可以:

npm install -g vue cli

如果安装成功,可以直接在控制台打出 vue 来检测是否完成安装。
接下来打印

vue list

会发现有一些vue支持的模板,我们主要需要用到webpack模板。直接打印出:

vue init webpack test //test为你自己新建项目的名称

会弹出询问

? Project name sell //项目名称
? Project description sell app //项目描述
? Author 
? Vue build standalone 
? Install vue-router? Yes  //安装路由
? Use ESLint to lint your code? Yes //es6代码风格检测
? Pick an ESLint preset Standard  
? Set up unit tests Yes //单元测试
? Pick a test runner jest  //
? Setup e2e tests with Nightwatch? No  //设置端测试(功能测试)
? Should we run `npm install` for you after the project has been created? (recommended) //项目创建完成后,我们是否应该为你运行`npm install`?

接下来打印:

npm install

等待一段时间之后,运行

npm run dev

如果出现 Your application is running here: http://localhost:8080 则代表已完成了Vue脚手架的安装.

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文为转载,原文:Vue学习笔记进阶篇——vue-cli安装及介绍 介绍 Vue-cli是Vue的脚手架工具 主要...
    ChainZhang阅读 2,060评论 2 8
  • 一、安装vue-cli 安装vue-cli前提,你的电脑已经安装好了Node.js,因为vue-cli 安装是给予...
    Junting阅读 6,177评论 0 4
  • 前言 四月份已经要悄悄过去了,从三月份辞职到进入新的公司,一切都显得特别的快,心情也是越发的静不下来,趁着今天心情...
    我就是z阅读 16,121评论 2 15
  • vue-clie 官方提供脚手架工具 成熟的vue项目架构设计 本地测试服务器 集成打包上线方案 要求:Node ...
    noyanse阅读 254评论 0 0
  • 今天的分享,想到了我自己的一套逻辑,我和老公之前,我常常用我为你付出那么多,你就必须对我好(听我的),否则就是不爱...
    张磊沙阅读 140评论 0 0