前端学习笔记 webpack及命令文件结构

Webpack安装命令

npm install --save-dev webpack

Vue.js安装

npm install vue vue-cli -g

-g 表示这个包安装后可以被全局使用


创建一个基于webpack模板的新项目

npm init webpack my_project

在本地以默认端口运行

npm run dev

Webpack下的 Vue.js 项目文件结构
前端学习笔记 webpack及命令文件结构_第1张图片


build
前端学习笔记 webpack及命令文件结构_第2张图片


config
在这里插入图片描述


node_modules
node项目所用到的第三方包特别多,也很大,所有在package.json中定义的第三方包都会被自动下载,保存在该文件夹下
前端学习笔记 webpack及命令文件结构_第3张图片


src
在这里插入图片描述

你可能感兴趣的:(vue,前端,webpack,vue.js)