使用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-cli 搭建项目，包括了详解Vue使用 vue-cli 搭建项目的使用技巧和注意事项，需要的朋友参考一下 vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli 一、 安装 node.js 首先需要安装node环境，可以直
-
本文向大家介绍Vue CLI 3搭建vue+vuex最全分析(推荐)，包括了Vue CLI 3搭建vue+vuex最全分析(推荐)的使用技巧和注意事项，需要的朋友参考一下 一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件： CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui
-
本文向大家介绍vue-cli提供了的哪几种脚手架模板？相关面试题，主要包含被问及vue-cli提供了的哪几种脚手架模板？时的应答技巧和注意事项，需要的朋友参考一下 好像有个和完整版的 提供了自定义装箱配置 可以选装
-
本文向大家介绍webpack4+Vue搭建自己的Vue-cli项目过程分享，包括了webpack4+Vue搭建自己的Vue-cli项目过程分享的使用技巧和注意事项，需要的朋友参考一下 前言 对于vue-cli的强大,使用过的人都知道,极大的帮助我们降低了vue的入门门槛 最近在看webpack4，深感知识浅薄，这两天也一直在思考cli的配置，借助一些别人的实践，尝试自己搭建vue的项目，这里使用w
-
本文向大家介绍搭建Vue从Vue-cli到router路由护卫的实现，包括了搭建Vue从Vue-cli到router路由护卫的实现的使用技巧和注意事项，需要的朋友参考一下 别的不多说,开始动爪把, 首先安装vue-cli mac: sudo npm install -g @vue/cli github: https://github.com/XinYueXiao/vue-routes 1、Vue
-
本文向大家介绍vue-cli webpack模板项目搭建及打包时路径问题的解决方法，包括了vue-cli webpack模板项目搭建及打包时路径问题的解决方法的使用技巧和注意事项，需要的朋友参考一下 这里建议刚学vue的同学第一个小案例不要使用vue-cli进行操作，待对基本的api使用的比较顺手了之后再进行vue-cli的体验比较好。本人是一名后端开发人员，接触前端时间不长，这里有说的不好的地方
-
本文向大家介绍使用vue-cli4.0快速搭建一个项目的方法步骤，包括了使用vue-cli4.0快速搭建一个项目的方法步骤的使用技巧和注意事项，需要的朋友参考一下 前言 最近公司的项目终于到了空闲期，而闲不住的我终于把目标放到了项目的迁移上面 因为公司的项目比较早的原因（虽然当时vue-cli也出来了一段时间，但是不敢轻易尝试啊！） 所以使用的环境还是 vue2.x 版本的，而又因为公司的前端项目
-
本模板针对的是比较大的、严谨的项目，并且默认你对 Webpack 和 vue-loader 熟悉。