图文详解vue框架安装步骤
更新时间：2019年02月12日 14:24:24 投稿：laozhang
我们在本篇内容里给大家整理了关于vue框架安装的步骤以及需要注意的地方，有需要的朋友们学习下。
vue安装
首先第一步，安装javascript运行环境node.js，根据你系统是32位或64位安装文件如下图。
第二步，安装Nodejs下的包管理器，打开windows命令窗口，输入“npm install -g cnpm --registry=https://registry.npm.taobao.org”命令安装。如下图所示。
第三步，安装vue-cli脚手架构建工具，在windows命令窗口输入"cnpm install -g vue-cli"，如下图所示
第四步，在windows命令窗口输入“vue”,如出现下图所示，表示安装成功。
第五步，输入"cd 安装的目的路径“，"输入"vue init webpack 项目名"创建项目，具体命令见下图。
到安装好的项目文件夹，输入“npm run dev”运行项目，具体操作见下图。
最后在浏览器输入“localhost:8080”看运行效果。
步骤很简单大家可以跟着学习下，感谢大家对脚本之家的支持。
相关文章
这篇文章主要介绍了vue-cli构建的项目如何手动添加eslint配置，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要为大家详细介绍了vue中渐进过渡效果的实现方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
element基于el-form智能的FormSmart表单组件
本文主要介绍了element基于el-form智能的FormSmart表单组件，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-04-04
本文主要介绍了vue-draggable实现拖拽表单的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
本篇文章主要介绍了Vue组件嵌套二种实现方式(测试实例)，具有一定的参考价值，代码很简单，感兴趣的小伙伴们可以参考一下2017-09-09
这篇文章主要介绍了vue如何实现动态加载脚本,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-02-02
本文主要介绍了Jenkins自动化部署Vue项目的方法实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要介绍了Vue+Electron打包桌面应用超详细完整教程,在这大家要记住整个项目的json文件不能有注释,及时没报错也不行,否则运行命令时还是有问题,具体细节问题参考下本文详细讲解2024-02-02
下面小编就为大家分享一篇vue实现tab切换外加样式切换方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要给大家介绍了关于Vue3中emits与attrs区别的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用vue具有一定的参考学习价值,需要的朋友可以参考下2021-10-10
最新评论