首页 > 编程知识 正文

vue安装步骤,vue

时间:2023-05-06 15:22:10 阅读:40718 作者:3917

首先从node官方网站下载并安装node.js。 安装node.js的作用是利用npm资源管理器下载插件等.

----------------------------- -双击安装下载的. exe文件,然后一直进行下一步确定

尝试安装安装了node.js的node,检查安装是否成功,然后按window键r键入cmd进入系统管理器

访问系统命令页,输入node -v,检查/安装是否成功

2.npm管理器安装npm软件包管理器时,它将集成到node中,因此安装node后也可以进行npm。 有了npm,就可以下载存储库文件,然后通过命令下载。 首先是npm的版本号npm -v

3 .安装淘宝镜像(cnpm )在系统管理台上输入npm install -g cnpm --registry=https://registry.npm.taobao.org耐心等待。 没有错误的话会成功。 我安装过,所以出示这个信息。 因为可能有网络原因,所以下载会变慢…。 安装成功后,可以通过cnpm而不是npm下载资源文件

4 .安装vue脚手架搭建工具并在系统管理平台上输入

耐心等待NPM安装- g vue-CLI和安装…

下图:

完成后,环境构建和准备工作大致相同,现在可以使用vue-cli创建项目。 可以在空白文件下创建和使用。 这显然不太混乱。 否则,我不知道项目创建后放在哪里了。

5 .创建空文件夹并将其放入vue项目,输入md vuedemo创建空文件,然后将其放入vuedemo文件下

cd vuedemo

开始创建Vue-click项目,然后在命令行上运行命令vue init webpack vueClickDemo。 此命令意味着初始化项目。 其中,web包是一个构建工具,整个项目基于web包。 其中vueClickDemo是整个项目文件夹的名称,该文件夹将自动生成在指定目录中。

请等一会儿。 项目将自动创建

请进入文件夹,看看下载的东西

此项目的目录和结果(第一次创建vue项目时没有名为node_modules的依赖包,如果没有,安装依赖关系就可以了,命令是: cnpm安装),我第一次创建vue项目

安装完成后,检查是否有文件,并确保一定有资源文件

7 .运行项目并在命令行中键入npm run dev时,热载将运行我们的APP应用程序。 热加载使您可以在修改代码后实时查看更改的效果,而无需手动刷新浏览器。

在浏览器中打开:http://localhost:8080/

大功告成!

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。