创建一个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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容