vue+webpack 创建项目

安装webpack

全局安装：npm i -g webpack 

目的：在任何目录中通过CLI使用 webpack 这个命令

项目安装：npm i -D webpack

目的：执行当前项目的构建

成功就会出现这几个目录

使用实例

思路

 

1.安装node js

 

第一步检测是否安装node；没有安装node的同学请到官网下载安装 https://nodejs.org/en/download/

安装成功后在命令行查看node版本，如果有说明安装成功。

node -v

 

 

2.安装vue-cli脚手架搭建项目，可生成很多配置好多的文件

安装命令：(使用cnpm 淘宝镜像安装vue脚手架）

cnpm install vue-cli

 

3.通过脚手架搭建项目

vue init webpack (项目名称）

 

vue init webpack myProject

 

 

生成下面这些配置文件

3.在生成的src 文件夹下面的文件里面编写自己的页面

4.编译打包（cnpm 比npm 快速 ，也可以用npm）

cnpm install 

完成后生成这个文件夹下面的这堆依赖

5.执行

npm run dev

也可在package.json文件里面配置start命令，如图，配置好后，可以执行 cnpm start（来执行，也就相当于npm run dev）

 

执行完后，可通过这个地址去查看页面