美文网首页
vue-cli安装

vue-cli安装

作者: cCedar | 来源:发表于2018-05-19 14:56 被阅读0次

vue脚手架

1.安装vue之前需要先安装node、npm。

2.在自建的文件夹路径中,执行下面步骤:

//全局安装 vue-cli
$ npm install --global vue-cli
//创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
或$vue init webpack-simple my-project

3.进入新建的项目文件夹,安装依赖:

$ cd my-project
$ npm install

4.运行项目:

$ npm run dev

vue可以通过script引入使用,但安装脚手架比直接引入vue有更多的优势:

搭建完整的模块化、组件化项目,方面管理代码,使用ajax请求等。

相关文章

  • 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/wzfixftx.html