vue webpack使用即vue-cli

1.node.js安装

网址：https://nodejs.org/zh-cn/

下载后一直next

2.安装包

(1)镜像cnpm  在命令窗口使用npm install cnpm -g命令

 

 (2)vue-cli  使用命令vue-cli  npm install vue-cli -g

 

 3.vue项目创建

(1)在命令行cd切换到你想存放的路径

(2)使用vue init webpack project名创建vue工程

例：vue init ywy1

(3) 一路默认 author可改 有四个否

 

 (4)输入如下命令并等待

 

 在浏览器输入http://localhost:8080即可访问

ps:在命令行按下ctrl+c结束项目

运行页面如下:

 

 

4.webpack使用

(1)使用命令行输入命令npm Install webpack -g

npm Install webpack-cli -g

ps:若安装失败使用cnpm试试

(2)hello.js

 

 ps:es6规范

(3)main.js

 

 ps:主函数

(4)webpack.config

 

ps:webpack打包配置  entry 入口主函数  output 打包后输出位置

附加:webpack功能是将es6规范的代码打包成es5规范使其支持浏览器