搭建vue脚手架(vue-cli)完整版 / webpack本地安装

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sinat_40257787/article/details/79269927

先补充下webpack本地安装的方法


查看是功(2.7.0 出现否安装成版本号说明安装成功):


>>>>>>>>>>>>>>>>>>>>>>>>>>>分割线>>>>>>>>>>>>>>>>>>>>>>>>>>>>

^-^大神请绕道^_^

很多人接触vue是从vue-cli开始的,但是如何才能让vue-cli跑起来是问题的关键。最近整理了下,希望能帮到正在学习的小伙伴。

一. 安装环境

这个首先需要安装node环境。官网下载地址:http://nodejs.cn/download/

安装完成后,可以在命令行工具(我用的git,底下的命令都是在git中进行,也可以用 window + r 运行程序查看)中输入node -v 和 npm -v 查看node是否安装成功,如果能显示出版本号,说明安装成功。


扫描二维码关注公众号,回复: 2985621 查看本文章

二. 安装vue-cli

现在我们可以全局安装vue-cli

但是用npm安装比较慢,一般使用cnpm来安装,淘宝镜像:

 
 
npm install -g cnpm --registry=https://registry.npm.taobao.org

然后使用cnpm来安装vue-cli和webpack:


最新的vue-cli模板中,都带有webpack插件,所以这里不需要单独安装,安装完成,可以是使用vue -V(V大写),查看是否安装成功,


三. 生成项目

准备工作做完了,现在可以开始我的项目搭建了,在命令行中进入项目根目录:

输入:

vue init webpack project

然后输入命令:

在浏览器中输入划线的地址:

出现这个:

这个项目就搭建成功了~~~~~
以后搭建就不用找了,直接用了~~~

猜你喜欢

转载自blog.csdn.net/sinat_40257787/article/details/79269927