使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析

更新时间：2018年01月16日 11:42:44 作者：不止于学

这篇文章主要介绍了用vue官方提供的模板vue-cli搭建一个helloWorld案例,需要的朋友可以参考下

安装环境

安装node.js并配置环境变量
安装淘宝镜像，npm install -g cnpm --registry=https://registry.npm.taobao.org
安装webpack，cnpm install webpack -g
安装脚手架npm install vue-cli -g

创建项目

在硬盘上找一个文件夹放工程用的，在终端中进入该目录,cd目录路径
根据模板创建项目,vue init webpack-simple 工程名字<工程名字不能用中文>，vue init webpack 工程名字<工程名字不能用中文>,

模板解读

cd进入创建的工程目录
安装项目依赖，npm install,不要使用cnpm install安装（会导致后面缺了很多依赖库）
安装 vue 路由模块vue-router和网络请求模块vue-resource，cnpm install vue-router vue-resource --save
启动项目 npm run dev,启动完毕后，在浏览器输入http://localhost:8080,就能看到初始界面了

总结

以上所述是小编给大家介绍的使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

vue实现简易计时器组件
这篇文章主要为大家详细介绍了vue实现简易计时器组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-08-08
vue 项目引入echarts 添加点击事件操作
这篇文章主要介绍了vue 项目引入echarts 添加点击事件操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-09-09
Vue router 路由安装及使用过程
vue-router 是 Vue 的一个插件库，适用于构建单页面应用，这篇文章主要介绍了Vue router 路由安装以及使用,本文通过示例代码给大家介绍的非常详细，需要的朋友可以参考下
2023-10-10
vue 中 elment-ui table合并上下两行相同数据单元格
这篇文章主要介绍了vue 中 elment-ui table合并上下两行相同数据单元格，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-12-12
Electron集成React和Vue流程方法讲解
Electron也可以快速地将你的网站打包成一个原生应用发布,下面这篇文章主要给大家介绍了关于Electron集成React和Vue的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
2022-08-08
vue 限制input只能输入正数的操作
这篇文章主要介绍了vue 限制input只能输入正数的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-08-08
vue单页面改造多页面应用详解
本文主要介绍了vue单页面改造多页面应用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-06-06
Vue3+Antd实现弹框显示内容并加入复制按钮
这篇文章主要介绍了Vue3+Antd实现弹框显示内容并加入复制按钮,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
2023-12-12
vue中非父子组件的通信你了解吗
这篇文章主要为大家详细介绍了vue中非父子组件通信，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2022-02-02
详解vue渲染从后台获取的json数据
这篇文章主要介绍了详解vue渲染从后台获取的json数据，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-07-07

最新评论