安装vue-cli并创建一个项目运行

vue-cli可以帮助我们快速创建一个项目,这样我们直接写组件和路由以及做其他事就可以了,其他的不用关心。

先安装vue-cli,-g表示全局安装。(当然,你要先安装node,此处略过)

安装vue-cli并创建一个项目运行_第1张图片

然后就是进入一个空文件夹,用命令创建一个项目即可,threeapp就是我的项目名称。

安装vue-cli并创建一个项目运行_第2张图片

基本上都是回车确认就可以创建项目了。author可以自定义你的名称。除了一些选择No即可。不No也行。

安装vue-cli并创建一个项目运行_第3张图片

然后就会下载项目模板,所以要联网。。。并且时间还挺久。

安装vue-cli并创建一个项目运行_第4张图片

安装好所有的项目所需要的依赖模块之后就会提示你进入到创建的项目文件夹里,然后运行npm run dev即可启动项目。

安装vue-cli并创建一个项目运行_第5张图片

当然,也可以直接用npm start来启动项目。不一定是npm run dev。

安装vue-cli并创建一个项目运行_第6张图片

然后就会启动项目了,可以打开这个地址查看项目的默认页面。

安装vue-cli并创建一个项目运行_第7张图片

然后即可看到页面了。

安装vue-cli并创建一个项目运行_第8张图片




你可能感兴趣的:(安装vue-cli并创建一个项目运行)