webpack vue步骤

1)安装webpack

npm init --yes

npm i webpack webpack-cli --save-dev

2）安装vue

npm install vue -g

npm install vue-cli -g 

vue -V

3）创建vue项目（选好目录地址）

vue init webpack test

一定要选择路由功能；

做相关选择时，对测试相关的一些选项，y/n可选择n

避免测试用的一些文件下载不了造成项目不能顺利创建。

4）运行项目：

进入项目目录cd

npm install //安装依赖的包。

npm run dev // 运行项目。

http://localhost:8080/

5）修改项目

1、首页修改，加入姓名；首页中插入一张自己的图片。

2、创建自己的组件，在首页中引入。

3、加入新的路由链接，指向自己的页面。

4、创建无路由的vue'项目，比较查看。

npm install vue

npm install vue-cli -g  cnpm install --global vue-cli

vue init webpack test  $ vue init webpack my-project

npm install

npm run dev

npm run build

npm start

http://localhost:8080/