基于vuecli4构建vue项目

前提条件：

（1）安装node.js

（2）安装yarn

（3）安装

yarnglobaladd

通过命令行模式创建一个项目：

vuecreatehello-world

注意：

（1）如果存在当前版本vue-cli2，则需要先进行卸载在安装新版本

npmuninstall-gvue-cli

（2）如果仍无法卸载，可以尝试是否因为通过淘宝镜像安装导致

（3）通过cnpm卸载：

cnpmuninstall-gvue-cli

（4）卸载完成vue-cli2之后，在安装一次

（5）检测

vue--version

（6）执行创建项目命令，选择yarn安装依赖

执行创建目录后，等待项目创建完成，创建完成后的目录如下

使用代码编辑工具打开，我使用的是webstrom

（1）控制台打开命令行，执行命令：yarn

（2）接着执行命令：yarnrunserve

（3）随后看到控制台输出信息，复制地址到浏览器，即可看到正常运行后的项目

控制台结果：

浏览器效果：

转载请注明：http://www.aierlanlan.com/grrz/5480.html