创建一个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指令查看

image

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

vue init webpack demo

image

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

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

cnpm install

运行项目

cnpm run dev

image

在浏览器打开localhost:8081

image

4.项目打包上线

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

cnpm run build

image