创建一个vue-cli项目

安装vue-cli脚手架步骤

1. 先安装node,已安装忽略进入下一步

如果未安装，点我进入node官网下载

安装完成后检查版本号，vue-cli 脚手架目前需要node版本为 v4.0 以上；

node -v

在国内，npm安装的速度和下载的时候可能会出问题，推荐使用cnpm 安装

npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 全局安装vue-cli

cnpm install vue-cli -g

检查vue-cli是否安装成功,使用vue -V查看版本

vue-cli提供了几个模板给开发者用于不同类型的项目,可以通过vue list指令查看

3.初始化一个webpack模板项目

vue init webpack demo

以上直接选择npm instal安装依赖

你也可以cd demo进入目录使用cnpm install安装依赖

cnpm install

运行项目

cnpm run dev

在浏览器打开localhost:8081

4.项目打包上线

使用cnpm run build将项目进行打包生成一个dist文件，复制到服务器上就可以了。

cnpm run build

转载于:https://www.cnblogs.com/lwhz/p/web.html

创建一个vue-cli项目相关推荐

创建一个vue脚手架项目
首先 ,创建脚手架需要安装vue-cli 安装vue-cli就需要npm 所以第一步需要安装Node.js 安装好后,查看版本之后在想要放项目的地方cmd ,安装脚手架 npm install -g ...
安装Vue node 及创建一个Vue 项目
安装Vue 和 node 及创建一个Vue 项目一下载node.js安装包 1 下载资源包,然后安装 2 点击以上的Run(运行),将出现如下界面,然后一直点击Next 直达安装完成 3 检测P ...
使用VSCode创建一个Vue项目
使用VSCode创建一个Vue项目 vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的. 安装vue-cli之前,需要先安装了vue和webpack · node -v //( ...
从零开始，创建一个VUE项目，详细图文详解。
准备工作 1.安装VScode 点击下载 2.安装node 点击下载 3.安装npm 点击下载一.步骤详解 1.创建项目的文件夹.比如F盘下新建一个名为MyDemo的文件夹,打开VScode进入My ...
vue.js — 安装Webpake创建一个完整的项目并上传至码云
vue.js - 安装Webpake创建一个完整的项目并上传至码云今天总结一下之前几天学习的一整套的创建项目方法: 前提条件:已安装node.js.npm/cnpm最新版本.vue-cli. VS ...
使用webpack脚手架创建一个vue项目
使用webpack脚手架创建一个vue项目前言介绍前期环境准备开始创建项目实例交流前言介绍创建vue的项目方式有很多种,这里仅介绍使用webpack脚手架来创建一个vue项目,下面将创建 ...
如何创建一个vue项目
首先要准备好node.js npm,vue-cli 创建一个vue项目,使用脚手架创建具体命令如下 vue init webpack 项目名称然后回车 Project name 项目名称 ( ...
从零开始创建一个vue项目 1
从零开始创建一个vue项目创建空文件夹,存放相关目录,cmd进入命令行 vue init webpack token 创建项目(除eslint,其它都yes) 打包配置config下面的index. ...
vue怎么运行html,怎样运行一个vue.js项目
怎样运行一个vue.js项目? 下载并安装node,安装过程很简单,一路"下一步"就可以了,安装完成之后,打开命令行工具,输入 node -v,如下图,如果出现相应的版本号,则说明 ...
第三节：创建一个Vue实例，超简单
最近事多,更新稍慢了点,距离第二节推送快一周了. 我们之前说过,Vue是数据驱动视图的,只要model(模型层)的数据改变了,Vue就会帮我们改变视图上显示的内容,不用我们自己去动手写代码更新.那么, ...

创建一个vue-cli项目

安装vue-cli脚手架步骤

1. 先安装node,已安装忽略进入下一步

2. 全局安装vue-cli

3.初始化一个webpack模板项目

4.项目打包上线

创建一个vue-cli项目相关推荐

最新文章

热门文章