使用VUE2.0构建webpack项目

1、vue构建webpack项目需要依赖于node 和npm 需要先安装。

输入node -v回车 会出现node版本号

输入npm -v回车 会出现npm版本号


2、安装vue

npm install -g vue-cli      -g表示全局安装,vue-cli是模块

或者使用淘宝镜像:npm install --registry=https://registry.npm.taobao.org

安装完成以后使用vue -V 查看


3、创建项目

进入你要创建项目的目录 输入 vue init webpack vue-demo,webpack后面是项目名称,然后就一路回车就可以


项目创建好了以后就是下面的样子:


4、安装项目依赖的模块

进入刚刚创建的项目目录:cd vue-demo 

使用npm install  ,如果网络慢使用淘宝镜像:npm install  --registry=https://registry.npm.taobao.org

5、运行项目

npm run dev

一般浏览器会自动打开 http://localhost:8080,也可以手动打开。

没有更多推荐了,返回首页