89 npm webpack vuecli

Posted 2021-01-20 sm_tulip

主要内容: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