美文网首页
vue项目的搭建(cli2&cli3)

vue项目的搭建(cli2&cli3)

作者: winecoffee | 来源:发表于2020-03-25 20:59 被阅读0次

搭建前提条件:

1.node环境

a.node官网直接下载安装

b.命令行输入node -v,查询版本号,有版本号也说明安装成功对应版本的node

c.node自带npm包管理工具

d.npm下载较慢,可用cnpm国内淘宝镜像下载

2.安装webpack

a.npm install webpack -g

3.安装Vue-cli 2.x

a.npm install vue-cli -g

b.创建项目:vue init webpack 项目名(英文数字)

4.安装vue-cli 3.x

a.npm install @vue/cli -g

b.创建项目:vue create 项目名(英文数字)

c.运行:npm/cnpm run serve

相关文章

  • vue项目的搭建(cli2&cli3)

    搭建前提条件: 1.node环境 a.node官网直接下载安装 b.命令行输入node -v,查询版本号,有版本号...

  • 【Vue】教程:三、Vue Cli3项目结构优化

    前提 完成vue cli3项目的新建,可参考教程【Vue】windows下vue cli3安装及搭建项目详解 一、...

  • vue2.0 之关于组件之间如何通信

    最近在学习用vue2.0进行项目的开发,由于接手项目的时候,项目的完整架构已经搭建完毕,为了不破坏之前的项...

  • VUE学习之路一 项目搭建

    脚手架搭建vue项目框架 CLI3项目搭建查看 搭建方案 vue-cli 是一个官方发布 vue.js 项目脚手...

  • 一张图教你快速玩转vue-cli3

    前言 本文系统的梳理了vue-cli3搭建项目的常见用法,目的在于让你快速掌握独立搭建vue项目的能力。你将会了解...

  • Vue一:Vue项目的搭建

    Vue项目的环境搭建 vue项目的搭建需要node.js环境,需要安装点击这里进入node.下载。傻瓜式安装即可;...

  • vue2.0+router路由

    1、搭建vue脚手架2、通过vue脚手架,我们搭建好了基础的vue,接下来就开始使用vue-cli来构建基础路由项...

  • vue移动端项目搭建

    本项目搭建适用于h5移动端的vue项目搭建,主体是基于vue-cli3脚手架,目的在于搭建个可用于快速启动项目的基...

  • vue全家桶

    vue-cli 是vue官方提供的快速搭建项目的工具,只是知道可以用vue-cli直接生成一个vue项目的架构,它...

  • 从零开始搭建一个基于webpack的Vue开发环境(1)

    前言 看了大量的文章,关于vue都是直接使用vueCli实现vue项目的基本环境搭建,使用最原始的搭建方法的很少很...

网友评论

      本文标题:vue项目的搭建(cli2&cli3)

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