美文网首页
Vue-cli脚手架工具

Vue-cli脚手架工具

作者: 徐椿洋 | 来源:发表于2017-08-29 20:03 被阅读0次

前期准备:

1.安装npm
npm install -g npm(更新nmp)
2.安装node

打开终端,执行命令行:

1.安装vue-cli脚手架工具,npm install -g vue-cli
2.构建应用,vue init webpack vue-demo(文件夹名称)
3.配置
Project name 项目名称
Project description 项目描述
Author 作者
Vue build中runtime only依赖.vue文件的开发,同时体积更小
Install vue-router?是否需要安装vue-router(一般需要)
Use ESLint to lint your code?ES6代码风格检查器(不适合新手)
Pick an ESLint presetESLint规则
Setup unit tests with Karma + Mocha?单元测试
Setup e2e tests with Nightwatch?e2e

4.To get started:

 `cd vue-demo`
 `npm install`
 `npm run dev`

vue-cli脚手架初始化vue代码的方式不是唯一方式,但是是一种非常推荐的方式
可以非常好的帮助初始化一整套webpack配置
简化了开发

相关文章

  • 03、Vue-cli构建项目

    一、Vue-cli脚手架工具 Vue-cli是Vue的脚手架工具,是官方命令行工具 (CLI),脚手架即编写好基础...

  • 03、Vue-cli构建项目

    一、Vue-cli脚手架工具 Vue-cli是Vue的脚手架工具,是官方命令行工具 (CLI),脚手架即编写好基础...

  • Vue-cli 脚手架的流程

    Vue-cli 脚手架 说明: (1)vue-cli是vue的一个脚手架工具,这个工具可以帮助我们快速的搭建一个可...

  • 使用Yeoman搭建Vue脚手架

    脚手架工具 脚手架工具作用:创建项目基础结构、提供项目规范和约定等,像一些成熟的脚手架工具:vue-cli、cre...

  • 三分钟教你写个Vue组件

    开发环境: 基于 vue-cli: 这是一个做vue项目的脚手架 使用脚手架工具 vue-cli 可以快速地构建项...

  • vue-cli 安装步骤

    vue 脚手架工具 vue-clinpm install vue-cli -g 通过vue-cli创建基于webp...

  • Vue 2.0 起步实例 - 微信公众号RSS 安装过程截图

    Vue 2.0 起步(1) 脚手架工具 vue-cli + Webstorm 2016 + webpackVue ...

  • 02.Vue组件化编码

    使用 vue-cli 创建模板项目 vue-cli 是 vue 官方提供的脚手架工具 github: https:...

  • vue-cli的简介

    1.安装脚手架工具vue-cli(命令行) 全局安装vue-cli Mac打开终端,windows打开命令行工具输...

  • vue-cli 创建模板项目

    vue-cli 创建模板项目 1)vue-cli 是 vue 官方提供的脚手架工具 2)github:https:...

网友评论

      本文标题:Vue-cli脚手架工具

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