最近,想做一个vue的项目练练手,不想自己配置webpack,为啥呢?三个字,太麻烦。

小女子不才,没有大佬帮忙,只能自己动手丰衣足食了。

首先要安装有node,基于npm的,这个大家都知道的吧。如果没有安装nodejs,请移步:https://blog.csdn.net/ywp9915/article/details/86715077

第一步,全局安装vue-cli。

在命令行输入:

npm install -g vue-cli

install 可以简写 i;

vue-cli+webpack项目的搭建

查看是否安装成功:

vue -V(大写的V)

安装成功则显示相应的版本号;

vue-cli+webpack项目的搭建

第二步:全局安装webpack,

命令:

vue-cli+webpack项目的搭建

查看是否安装成功:

webpack -v(这里的v是小写的),

安装成功则显示相应的版本号;

vue-cli+webpack项目的搭建

第三步,以上步骤完成后可以用vue-cli来构建项目。

进入你的项目目录:vue init webpack diploma-project(项目名称随你起);

vue-cli+webpack项目的搭建

回车执行后:

vue-cli+webpack项目的搭建

根据需要选择一路回车;

完成之后需要这样做,直接根据提示来好了。

vue-cli+webpack项目的搭建

npm run dev后:

vue-cli+webpack项目的搭建

在浏览器地址栏输入http://localhost:8080。

如果成功页面应该是这样子滴:

vue-cli+webpack项目的搭建

dangdangdangdang!接下来可以开启你的vue之旅了!

玩得开心o(* ̄▽ ̄*)ブ!

 

 

相关文章: