命令行生成vue项目框架

— 安装nodejs

用命令行生成vue项目框架需要npm包管理器来安装,而npm又是在安装nodejs的时候同时安装的,

所以首先要安装nodejs,学习vue有必要了解下nodejs和npm的基本知识:

nodejs安装 : http://blog.csdn.net/zzwwjjdj1/article/details/51980082

npm 介绍: http://blog.csdn.net/zzwwjjdj1/article/details/51982433

— 安装命令行工具

npm install -g vue-cli

-g表示全局安装, vue-cli是模块,全局安装的模块可以在命令行直接使用.

命令行生成vue项目框架

红框里是安装命令,由于npm网站在国内速度非常慢,所以在命令后面加上淘宝的镜像,

很快就安装好了.也可以使用cnpm安装.

安装后在命令行输入 vue -version 能看到版本号表示全局安装成功,下面就可以使用命令行创建项目了.

命令行生成vue项目框架

— 创建项目框架

vue init webpack my-project

创建一个基于\”webpack\”的项目,后面是项目名,

命令行生成vue项目框架

按照提示输入,项目名,项目描述,项目作者等等,看到最后这句项目就创建好了,

项目结构:这是安装了依赖以后的截图,没安装依赖以前是没有node_modules文件夹的

命令行生成vue项目框架

刚我们命令行输入的东西就在package.json这个文件里,打开文件

命令行生成vue项目框架

项目名字,版本,描述,作者等,后面还有运行项目命令,项目依赖,开发环境项目依赖等.

— 安装依赖

生成了项目以后是不能直接运行的,现在很多项目都依赖许许多多的模块,需要逐一安装,

ctrl c 停掉刚生成项目的命令,cd vue-project 进入项目跟目录, 用命令 npm install 安装

命令行生成vue项目框架

同样是使用淘宝镜像.

命令行生成vue项目框架

当这个命令运行完成以后会多出一个node_modules文件夹,里面就是项目所需的所有依赖,

可以看到有很多模块,这些模块都是在package.json文件里定义好了的.

命令行生成vue项目框架

dependencies是项目依赖,

devDependencies是开发时项目依赖.

— 运行测试

好了,依赖安装完成后就可以运行我们的项目了命令:

npm run dev

命令行生成vue项目框架

看到这样的输入项目就运行起来了,然后打开浏览器,输入第二个红框的地址 localhost:8080,

浏览器截图.

命令行生成vue项目框架

命令行生成vue项目框架

项目就运行起来了.命令行生成的vue项目,还支持热启动,当项目文件有改动的时候,页面会自动变化,

<script>标签里的js代码修改后,还得手动刷新页面,不过已经非常棒了.

意外金喜的博客:http://blog.csdn.net/zzwwjjdj1

郑重申明,发表的文章都是我自己博客原创的,这是技术分享,再被封就不在这里玩了. ╭(╯^╰)╮

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023年10月25日 上午8:49
下一篇 2023年10月25日 上午8:59

相关推荐

  • 政府补助的科研项目

    政府补助科研项目: 助力科技创新,推动社会进步 政府补助科研项目是一种由政府提供资金和资源支持的科研项目。这些项目旨在通过技术创新和科学实践来推动社会的进步和发展。政府补助科研项目…

    科研百科 2025年3月12日
    0
  • 科研论文管理系统(科研文档管理系统)

    科研文档管理系统科研文档管理系统近日,2021年3月,国务院印发了《关于进一步加强综保区的联合研究实施细则》,从技术上,把围绕科研的议题纳入创新的专项训练项目中。自2001年教育部…

    科研百科 2024年9月28日
    25
  • 知网 科研项目申报

    随着数字化时代的到来,学术文献的数字化存储和检索已经成为了学术界不可或缺的一部分。知网(CNKI)作为全球最受欢迎的学术文献数据库之一,其科研项目申报功能也成为了研究人员进行科研活…

    科研百科 2024年10月17日
    0
  • 火力发电厂的四大生产系统(火力发电厂的四大主要设备是什么)

    虽然近年来我国新能源发电取得了巨大进步,出现了一大批的风力发电场和太阳能光伏发电站,由于二者具有各自固有缺陷(受制于风和太阳光),火电在我国仍然起到兜底保供的作用,因此,科普火力发…

    科研百科 2024年5月12日
    160
  • 霞浦教授科研项目有哪些

    霞浦教授科研项目有哪些 霞浦教授是一位知名的物理学家,他在物理学领域的研究取得了许多成就。他参与的科研项目非常广泛,包括凝聚态物理、量子计算、声学、光学等领域。 在凝聚态物理领域,…

    科研百科 2025年3月28日
    1
  • “西宁智慧党建”平台通过国家信息系统等级保护三级认证(西宁智慧党建app)

    来源:青海日报 青海新闻网·大美青海客户端讯 2月18日,记者从西宁市委组织部了解到,“西宁智慧党建”平台近期顺利通过了国家信息系统等级保护三级测评,成功获得“等保三级”权威认证。…

    科研百科 2023年6月6日
    166
  • 目标管理的核心

    目标管理的核心目标管理的核心是一种自律能力,很多时候自律意识不是与生俱来的,是通过一些长期的培养和训练,形成了良好的自律能力,最终达成了自律的目的。很多人抱怨,为什么自己明明做了那…

    科研百科 2024年11月27日
    0
  • 经济专业课题项目研究

    经济专业课题项目研究 在经济领域,研究是非常重要的。在经济不断发展的过程中,我们需要不断地了解经济现象,掌握经济规律,以便更好地进行经济发展。因此,经济专业课题项目研究是非常重要的…

    科研百科 2024年11月19日
    1
  • 市食品药品监督管理局党支部:党建工作与业务工作“两不误、双促进”

    本报崇左讯(记者 张朝广) 市食品药品监督管理局坚持把党建工作和业务工作有机结合起来,全力推进党建工作与食品药品监管等重点业务工作的结合,实现了党建工作与业务工作“两不误、双促进”…

    科研百科 2024年1月13日
    180
  • 科研项目购置设备有哪些

    科研项目购置设备有哪些 科研项目是科学家们进行深入研究的重要场所,而购置设备是确保研究顺利进行的必要条件。在购置设备时,科学家们需要考虑许多因素,例如设备的类型、规格、性能、价格等…

    科研百科 2025年4月18日
    5