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目录放到服务器上)

  • 相关阅读:
    redis的其他命令
    redis的有序集合ZSET(stored set)
    redis 的set数据类型
    redis 的hash数据类型
    php命令
    intellij idea
    生产者消费者问题
    JAVA sleep和wait 异同
    JAVA线程通信
    java线程同步--lock锁(JDK 5 新增)
  • 原文地址:https://www.cnblogs.com/wuting/p/9050202.html
Copyright © 2011-2022 走看看