使用npm初始化创建vue项目

本文探讨了前端工程化背景下的npm作用,详细介绍了如何使用npm和vue-cli初始化Vue项目,包括vue init webpack命令的使用、项目配置、npm run dev的原理以及webpack配置文件的作用。通过这个过程,读者能理解前端项目构建的基本流程。
摘要由CSDN通过智能技术生成

为什么要使用npm(自己的理解)

当年的前端都是sublime来玩,如今引入前端工程化的概念,让前端与后端分离,分离后的前端工程化,需要使用第三方管理工具进行开发过程管理。就出现了npm,Node Package Manager。

从字面我们可以理解,npm是基于node.js的,安装node.js后会自己集成npm管理工具。

玩过linux或者python的人,对npm这个命令比较不陌生,总感觉哪里比较像。其实,作为前端第三方管理,肯定要用命令行的方式来实现,所以这样的命令也就见怪不怪了。

为了更好的实现过程管理,出现了webpack和vue-cli来辅助。webpack配合配置文件,进行前端打包管理,vue-cli脚手架就是快速构建项目。

npm构建项目过程

1、在要创建的项目根目录下打开cmd,并执行 vue init webpack 项目名称 命令。

随后,会预填一些项目配置,注意后面那三个no no no

注意命令行下面 vue-cli Generated "explorevue"

使用vue-cli脚手架生成vue项目

怎样生成项目?借助互联网,下载需要的各种包。

为什么前端现在也流行包管理了?那天看到一个大侠说程序员有社区文化。将前端将要使用到的各种包下载下来,程序员不用分别在官网下载相应的文件,这种方式会便捷很多。

包的管理和包的更新

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值