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

谁借莪１个温暖的怀抱￠ 2022-05-27 13:48 259阅读 0赞

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

**先安装vue-cli，-g表示全局安装。（当然，你要先安装node，此处略过）**

![20180419215105370][]

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

![20180419215313242][]

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

![2018041921540735][]

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

![20180419215519926][]

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

![20180419215603253][]

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

![20180419215729980][]

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

![20180419215816341][]

**然后即可看到页面了。**

![20180419215932367][]

[20180419215105370]: /images/20220527/43acec302f72473da9a4b556bf8389c1.png
[20180419215313242]: /images/20220527/f2295cab1f7848b882464e22dfa9315f.png
[2018041921540735]: /images/20220527/82764c9466dd461eac949df66597afc0.png
[20180419215519926]: /images/20220527/51d82fd6c1e6499fb0cce21d76a55c01.png
[20180419215603253]: /images/20220527/7ea2aa9821504cff9db3e6b232236e17.png
[20180419215729980]: /images/20220527/400ecc7905c34a78a655b290365cd443.png
[20180419215816341]: /images/20220527/2f757dbdb43d4a6993f1be1021619bbd.png
[20180419215932367]: /images/20220527/dfb87ff02d404d5ea8a68117a4534a10.png

发表评论取消回复

表情：

评论列表（有 0 条评论，259人围观）

还没有评论，来说两句吧...

相关阅读

相关 eclipse创建第一个java web项目并运行

快速新建并运行java web工程

客官°小女子只卖身不卖艺/ 2024年05月31日 05:24/ 0 赞/ 75 阅读

相关如何创建一个Spring项目并使用

目录一. 创建 Spring 项目 1. 创建一个 Maven 项目编辑 2. 添加 Spring 框架 3. 添加启动类二. Spring 项目中的 Bea

水深无声/ 2024年03月23日 16:43/ 0 赞/ 91 阅读

相关 VUEX--入门demo利用vuecli创建一个count计数

背景 1. 利用Hbuilder创建一个vue-cli的项目 2. 运行npm install --save vuex 项目目录![在这里插入图片描述][wate

深碍√TFBOYSˉ_/ 2023年06月23日 08:53/ 0 赞/ 4 阅读

相关安装Vue，创建一个Vue项目

安装Vue，创建一个Vue项目 [点这里看完整版][Link 1] [这里还有一个版本][Link 2] [Link 1]: https://blog.csdn.

灰太狼/ 2022年12月09日 02:49/ 0 赞/ 200 阅读

相关使用VueCLI脚手架创建项目

\\VueCLI脚手架创建项目安装脚手架 \[VueCLI官网\] (https://cli.vuejs.org/zh/guide/installatio

素颜马尾好姑娘i/ 2022年11月21日 09:58/ 0 赞/ 394 阅读

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

vue-cli可以帮助我们快速创建一个项目，这样我们直接写组件和路由以及做其他事就可以了，其他的不用关心。先安装vue-cli，-g表示全局安装。（当然，你要先安装node

谁借莪１个温暖的怀抱￠/ 2022年05月27日 13:48/ 0 赞/ 260 阅读

相关创建一个项目

1、创建一个项目 django-admin startproject mysite django-admin.py 项目的设置 sett

朱雀/ 2022年05月25日 05:20/ 0 赞/ 299 阅读

相关使用GoLand创建并运行项目

转载 [使用GoLand创建并运行项目][GoLand] 开始之前请确保安装好了 go语言环境并配置好了gopath环境变量 1.创建一个新目录并打开goland选择

系统管理员/ 2022年04月23日 05:38/ 0 赞/ 807 阅读

相关安装Vue 及创建一个Vue 项目

首先要先安装node 及 npm 详情见【http://www.cnblogs.com/ylboke/p/8342116.html 】及【http://www.c

梦里梦外;/ 2022年03月02日 04:54/ 0 赞/ 394 阅读

相关（一）scrapy 安装及新建爬虫项目并运行

在 pycharm 中并没有创建 scrapy 工程的选项，需要手动创建。这里就有两种创建 scrapy 项目的方式，第一种是先手工创建 scrapy 项目，然后导入...

红太狼/ 2021年01月10日 14:51/ 0 赞/ 623 阅读