美文网首页
vue-cli创建vue2.0项目

vue-cli创建vue2.0项目

作者: 大孩子气 | 来源:发表于2018-03-20 16:09 被阅读0次

通过npm安装vue-cli
cnpm install vue-cli -g
使用vue init 命令初始化项目
vue init <template-name> <project-name>

<template-name>:表示模板名称,vue-cli官方为我们提供了5种模板,


webpack-一个全面的webpack+vue-loader的模板,功能包括热加载,linting,检测和CSS扩展。

webpack-simple-一个简单webpack+vue-loader的模板,不包含其他功能,让你快速的搭建vue的开发环境。

browserify-一个全面的Browserify+vueify 的模板,功能包括热加载,linting,单元检测。

browserify-simple-一个简单Browserify+vueify的模板,不包含其他功能,让你快速的搭建vue的开发环境。

simple-一个最简单的单页应用模板。

<project-name>:标识项目名称,这个你可以根据自己的项目来起名字。

在实际开发中,一般我们都会使用webpack这个模板,那我们这里也安装这个模板,在命令行输入以下命令:

vue init webpack testVuecli
cd testVuecli
npm run dev

相关文章

  • vue2.0 创建全局组件

    vue2.0 创建全局组件 首先先搭建一个vue-cli项目 搭建后的项目目录 在components文件...

  • 1.vue安装

    vue2.0安装 1.全局安装vue-cli 2.创建一个基于webpack模板的项目,项目名为my-projec...

  • Vue-cli 2.x使用

    Vue-cli 1 . Vue-cli安装 2 .创建项目 vue init 创建...

  • vue3.0终端命令行

    #检查node环境 安装nrm 卸载vue-cli 安装 vue-cli 创建项目 运行项目

  • 4、Vue-cli项目创建

    Vue-cli项目的创建 最近在开发网站,项目运用到了Vue-cli这个脚手架工具,下面记录一下vue-cli创建...

  • vue2.0 路由

    vue2.0 路由 首先先搭建一个vue-cli项目 搭建后的项目目录 下载路由模块依赖并引入 下载依赖下...

  • vue-cli构建vue项目-前端完美开发环境搭建

    参考资料: Vue2.0 新手完全填坑攻略—从环境搭建到发布 vue-cli构建vue项目Webpack 入门...

  • vue项目开发流程

    创建vue项目流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手...

  • 创建vue项目流程

    创建vue项目流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手...

  • vue-cli创建vue2.0项目

    通过npm安装vue-clicnpm install vue-cli -g使用vue init 命令初始化项目vu...

网友评论

      本文标题:vue-cli创建vue2.0项目

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