美文网首页
Vue-cli安装

Vue-cli安装

作者: warmfeeling | 来源:发表于2018-05-09 21:10 被阅读0次

安装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: cnpm install vue-cli -g 安装vue-cli之前要全局安装vue和...

  • Vue 第一天

    使用vue-cli,快速创建项目 安装Vue-cli vue-cli 在国外,安装慢,需通过国内镜像安装 安装国内...

  • Vue-cli 安装和目录结构解析

    一、安装vue-cli 安装vue-cli前提,你的电脑已经安装好了Node.js,因为vue-cli 安装是给予...

  • Vue-cli基础

    Vue-cli基础 安装步骤 1、全局安装Vue-cli: npm install vue-cli -g 2、查看...

  • Vue.js高仿饿了么笔记(一)

    Vue-cli 安装 安装node 通过npm安装Vue-clinmp install -g vue-cli /...

  • (Vue全家桶)Vue-cli

    Vue-cli Vue-cli是vue官方出品的快速构建单页应用的脚手架 安装vue-cli 安装vue-cli的...

  • vue-cli的安装

    vue-cli的安装 cnpm install -g vue-cli 检查是否安装成功 vue 安装webpack...

  • Vue-cli基础

    安装步骤 1、全局安装Vue-cli: npm install vue-cli -g 2、查看是否安装成功: ...

  • 程序员使用的脚手架

    一、vue (前台) vue-cli: # 安装vue-cli。 安装之前首先确保你已经安装好了nodejs 而...

  • 新建vue项目(mac)

    一、安装vue 安装vue-cli npm install vue-cli -g 验证是否安装成功 vue l...

网友评论

      本文标题:Vue-cli安装

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