89 npm webpack vuecli

本文介绍Node.js及其包管理工具NPM的基本概念,深入探讨Webpack的作用,并详细讲解Vue CLI作为单页面应用构建工具的使用流程,包括初始化项目、安装与配置等关键步骤。

主要内容:https://www.cnblogs.com/GGGG-XXXX/articles/9503423.html

1 node.js和npm

  node.js : 简单的说就是运行在服务端的javascript,

  npm      : 是node.js的包的管理工具

2 webpack: 见老师boke

3 vuecli 

  a : 定义是官方提供的快速构建这个单页面应用的脚手架

  b : 构建脚手架的执行流程:

    0 npm init -y

    1 使用npm全局安装vue-cli, npm install -g vue-cli

    2 安装在自己的工作空间里: vue init webpack vue-demo

    3 切换到项目目录下:  cd vue-demo/ npm run dev

  c : 目录结构:

    -- build 里面是一些操作文件,使用npm run * 时其实执行的就是这里的文件

    -- config 配置文件,执行文件需要的配置信息

    -- src 资源文件 所有的组件以及所有的图片 都在这个文件夹下

    -- node_modules  项目依赖包

    -- static 静态资源

    -- package.json   依赖包的json文件

4 将项目应用到vuecli上: 第90天内容: luffy

转载于:https://www.cnblogs.com/gyh412724/p/9966118.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值