基于vuecli4构建vue项目

前提条件：（1）安装node.js（2）安装yarn（3）安装

vue/cliyarnglobaladd

vue/cli通过命令行模式创建一个项目：vuecreatehello-world注意：（1）如果存在当前版本vue-cli2，则需要先进行卸载在安装新版本npmuninstall-gvue-cli（2）如果仍无法卸载，可以尝试是否因为通过淘宝镜像安装导致（3）通过cnpm卸载：cnpmuninstall-gvue-cli（4）卸载完成vue-cli2之后，在安装一次

vue/cli（5）检测

vue-cli安装的版本：vue--version（6）执行创建项目命令，选择yarn安装依赖执行创建目录后，等待项目创建完成，创建完成后的目录如下使用代码编辑工具打开，我使用的是webstrom（1）控制台打开命令行，执行命令：yarn（2）接着执行命令：yarnrunserve（3）随后看到控制台输出信息，复制地址到浏览器，即可看到正常运行后的项目控制台结果：浏览器效果：

转载请注明：http://www.aierlanlan.com/tzrz/5949.html