美文网首页
使用vue-cli构建一个vue项目

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

作者: 西洲何在 | 来源:发表于2018-03-09 13:59 被阅读0次

前言

如果你在看有关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的项目构建

相关文章

网友评论

      本文标题:使用vue-cli构建一个vue项目

      本文链接:https://www.haomeiwen.com/subject/ipmpfftx.html