美文网首页
vue安装vue-cli

vue安装vue-cli

作者: 毕竟1米八 | 来源:发表于2017-12-16 22:44 被阅读27次

vue-cli是vue的一个脚手架工具,也就是通过npm命令行来构建我们项目的目录结构,这也是我们通常所说的前端自动化构建工程。

封面.jpg

一、运行环境

node.js

二、全局安装

npm install vue-cli -g

三、初始化项目,安装webpack模板

vue init webpack vuecliTest    //vuecliTest是项目名称

四、根据提示进行操作

cd vuecliTest    //进入vuecliTest文件夹

npm install    //安装依赖

npm run dev    //运行项目

便可自动打开本地服务器(localhost:8080),这就说明安装成功了。

五、最新版本存在问题

这几天安装的版本是2.82,当npm run dev跑一个项目时,发现浏览器并没有自动打开,这样逼格又降低了不少。因此我们需要在config目录下的index.js的autoOpenBrowser选项改成true即可。

相关文章

  • vue 学习第一节

    全局安装vue-cli: cnpm install vue-cli -g 安装vue-cli之前要全局安装vue和...

  • Vue 第一天

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

  • 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基础 安装步骤 1、全局安装Vue-cli: npm install vue-cli -g 2、查看...

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

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

  • 新建vue项目(mac)

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

  • vue.js学习记录

    一、vue-cli的使用方法 安装vue :** npm install vue** 安装vue-cli:npm ...

  • vue-cli的安装

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

  • Vue-cli

    vue.js 官网链接 vue-cli安装 安装vue 全局安装vue-cli(脚手架) windows: mac...

网友评论

      本文标题:vue安装vue-cli

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