美文网首页Web Developer
Vue-cli 工具快速构建Vue框架

Vue-cli 工具快速构建Vue框架

作者: 方寸拾光 | 来源:发表于2018-09-10 15:02 被阅读0次


本文适合对vue框架和webpack打包有一定了解,想要快速开发vue项目的工程师(如果想从基本vue框架手动配置学习webpack的童鞋请移步这里 Framework Vue 框架)下面开始vue-cli快速开发旅程

1、下载安装vue-cli

npm install vue-cli -g

2、初始化项目文件

vue init Project-Name

初始化是会提示以下内容:

    Project name (Project-Name)     //项目名称

    Project description (A Vue.js project)  //项目描述

    Author (........)       //作者

    Runtime + Compiler: recommended for most users    //运行加编译

    Install vue-router? (Y/n)    //是否安装vue-router

    Use ESLint to lint your code? (Y/n)      //是否使用ESLint管理代码

    Pick an ESLint preset (Use arrow keys)    //选择一个ESLint预设(选择)

    Standard (https://github.com/feross/standard)    标准

附:文档树

    src //项目源文件

        assets  //资源文件夹

        components //组件集

        router // 路由文件

    config //配置文件

    build //开发、测试及发布脚本文件

    ......

3、进入项目文件夹,安装所需依赖

cd Project-Name //进入项目

npm install //安装依赖

4、运行、发布已安装好的项目

npm run dev //开发脚本

npm run build //发布脚本

运行后的效果图:

持续更新中(欢迎评论指正).....

相关文章

  • vue-cli

    vue-cli工具vue-cli是vue的脚手架工具,这个工具可以帮我们快速的构建一个可以支撑实际项目开发的vue...

  • 新建vue工程

    1,安装vue-cli脚手架构建工具 vue-cli 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提...

  • 三分钟教你写个Vue组件

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

  • Vue-cli 工具快速构建Vue框架

    本文适合对vue框架和webpack打包有一定了解,想要快速开发vue项目的工程师(如果想从基本vue框架手动配置...

  • 详解基于Vue2.0项目的webpack配置文件

    Vue提供了一个很好的命令行工具:vue-cli,用来快速构建Vue项目。现在,我们改造一个由vue-cli创建的...

  • 使用vue脚手架搭建web前端项目

    vue.js是一个前端MVVM框架。我们可以使用vue-cli快速构建基于vue框架的项目。 1、首先我们需要安装...

  • (Vue全家桶)Vue-cli

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

  • vue和vue-cli的区别与联系

    vue和vue-cli的区别与联系 vue:是一套框架,用于构建用户界面的渐进式框架。 vue-cli: ...

  • 使用vue-cli脚手架快速搭建vue项目

    使用vue-cli,能快速构建大型vue项目。vue-cli自带了webpack的各种配置。

  • vue系列教程(一) 搭建与部署

    一 vue-cli构建项目 vue-cil构建项目:查看官网 vue-cli是vue脚手架工具,极其方便开发,可以...

网友评论

    本文标题:Vue-cli 工具快速构建Vue框架

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