700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 创建一个vue-cli项目

创建一个vue-cli项目

时间:2019-06-10 18:09:54

相关推荐

创建一个vue-cli项目

安装vue-cli脚手架步骤

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

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

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

node -v

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

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。