使用vue-cli构建一个vue项目

前言

如果你在看有关vue这个前端框架的知识时,想必已经掌握了JavaScript的基本知识,那么我就不必再赘述关于node.js以及npm的知识了,我将直接进入正题

1.安装vue-cli

安装vue-cli,没有那么复杂,只有一个简单命令,想必用过npm的人,都不陌生,在电脑的任何地方打开cmd窗口,输入以下命令进行安装

#npm install vue-cli -g

2.初始化项目

安装完vue-cli,就可以进行vue项目的初始化了。新建一个工作目录,进入该目录,然后初始化项目

#mkdir workspace
#cd workspace
#vue init projectname

初始化过程中,会有信息填写,可以不填,enter默认继续即可。初始化,结束后,就可以安装依赖了

#nom install

安装完依赖后,开启项目

#npm run dev

一般监听端口是8080,所以不出意外,在浏览器打开localhost:8080,会看到一个欢迎页面,至此就完成了一个vue的项目构建

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容