zoukankan      html  css  js  c++  java
  • vue-cli搭建项目

    使用vue-cli搭建项目

    (1)安装node.js
    a.可以到node.js官网上下载版本,直接安装,
    b.安装完成后,在window系统下的cmd中输入node -v和npm -v 来查询是否安装成功,以及当前安装的版本号;
    或者如果电脑安装了git,右击打开gitbash命令行中输入node -v和npm -v 。

    (2)安装vue-cli
    a.在命令行中输入:npm install vue-cli -g (-g表示全局安装);(此安装比较慢,推荐使用cnpm)
    b.先安装cnpm:npm install -g cnpm,然后使用cnpm -v 查看是否安装成功。
    (如果安装失败,可使用 npm cache clean 清理缓存,然后重新安装)
    c.使用cnpm安装vue-cli: cnpm instal vue-cli -g,安装完成后,可以使用vue -version查看当前vue-cli版本,
    使用vue list查看其提供的几种模板;

    (3)初始化项目,生成项目模板
    命令:vue init 模板名 项目名
    例如:
    a.在命令行中输入: vue init webpack-simple vue-cli-demo
    b.进入生成的项目目录vue-cli-demo中:cd vue-cli-demo
    c.安装项目的依赖包:cnpm install
    d.运行:npm run dev (测试环境下)
    e.运行:npm run build (生产环境,项目要上线时,默认情况下,打包生成dist目录,将dist目录放到服务器上)

  • 相关阅读:
    图解设计模式-Visitor模式
    图解设计模式-Decorator模式
    图解设计模式-Strategy模式
    图解设计模式-Bridge模式
    HashMap源码
    LinkedList源码
    Vector源码
    ArrayList源码
    图解设计模式-Abstract Factory模式
    图解设计模式-Builder模式
  • 原文地址:https://www.cnblogs.com/wuting/p/9050202.html
Copyright © 2011-2022 走看看