89 npm webpack vuecli

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

posted @ 2018-11-15 21:16  ...绿茵  阅读(228)  评论(0编辑  收藏  举报
1