第一个Vue脚手架项目搭建

Bertha 。 2022-01-22 04:35 417阅读 0赞

①安装node运行环境

我这里node环境是已经安装完毕了,具体安装的步骤就不演示了,需要注意的是版本

不能太低,否则版本过低会出现问题。
在这里插入图片描述

②安装vue-cli脚手架依赖

这里是使用npm来进行安装

  1. npm install -g vue-cli //-g表示安装到全局

安装完成后可输入vue来进行查询是否安装成功,一般安装过的以后就不用安装了
在这里插入图片描述
可能会有一些人使用npm安装很慢,这里也可以用淘宝的cnpm来进行安装,具体就不

演示了

③创建基于 webpack 的新项目

进行项目根目录后输入

  1. vue init webpack

在这里插入图片描述
具体每项根据个人的需求来进行调整,也可以参考我的。

在这里插入图片描述

④安装项目依赖

  1. npm install

依赖安装成功后,输入npm run dev后等待一会
在这里插入图片描述
这里第一个脚手架项目就配置成功了,在浏览器输入如上域名或者按住Ctrl点击域名

进行访问 。
在这里插入图片描述
如果一切配置都正常的话,浏览器会出现上图情况。

ps:以上是vue-cli 3版本的教程

  1. vue-cli 4版本需要使用 vue create 项目名称(貌似不能含有大写字母);

发表评论

表情:
评论列表 (有 0 条评论,417人围观)

还没有评论,来说两句吧...

相关阅读

    相关 第一Vue脚手架项目

    ①安装node运行环境 我这里node环境是已经安装完毕了,具体安装的步骤就不演示了,需要注意的是版本 不能太低,否则版本过低会出现问题。 ![在这里插入图片描述]