vue新手入门——vue-cli搭建

首先说明，以下内容vue官网都有文档，如果觉得麻烦啰嗦，请移步至安装-vue.js 。

准备工作：

1.下载并安装node环境，一般情况下安装好node之后，npm也会安装好。具体安装的话，百度大概能帮得上忙。

2.配置cnpm，因为不明原因npm会很慢，建议使用配置国内淘宝镜像。顺手一个来自vue官网的么么哒

3.安装webpack（前端资源模块化管理和打包工具） PS：记不清是不是一定要装了，各位小伙伴可以给我回馈哦

cnpm install webpack -g  #全局安装webpack

开始构建一个vue单页应用：

1 #利用vue-cli创建一个基于webpack模板的vue项目2 vue init webpack simpleDemo

然后你就会看到如下画面：

接下来怎么做vue-cli也告诉我们了。

1.进入项目根目录

cd demo

2.安装依赖

cnpm install

3.启动项目

npm run dev

至此一个简单vue单页应用构建完成.

vue新手入门——vue-cli搭建相关推荐

【Vue 快速入门】从零开始搭建 VUE + Element UI后台管理系统框架
[Vue 快速入门]从零开始搭建 VUE + Element UI后台管理系统框架前言后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条 ...
Vue新手入门指南（易懂）
Vue快速入门前言对于一名初入编程的新手来说,JavaScript的语法偏向复杂,选择Vue库可以说是一个较为不错的体验.在很多方面,Vue简化了JavaScrip语法,并且实现数据与视图的双向绑 ...
vue入门到启动_一篇超完整的Vue新手入门指导教程
前言新建项目近些年前端开发快速发展,现在学习前端已经不像以前那样仅仅学习一个语法就可以了,它已经是一门编程技术了,它们有自己独立的类似Main函数的入口,有像MVC一样规范好的层次结构,有自己的开发 ...
vue新手入门实践教程
介绍vue运行环境的搭建.vue项目的初步构建与运行.使用element-ui组件构建页面内容.使用页面模块与路由设置等.基于此教程,可以初步实现一个静态网页,并对vue项目由一定理解. 1.基本环境 ...
Vue 新手入门项目在线翻译
用的有道的API,最后效果是这样的需要两个组件,一个是需要翻译的内容和目标语言TranslateFrom.vue,还有一个是翻译成功显示的内容TranslateText.vue 项目结构是这样的 H ...
Vue2.0 新手入门 — 从环境搭建到发布
什么是 Vue.js? Vue.js 是用于构建交互式的 Web 界面的库. Vue.js 提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单.灵活的 API. 本章节是关于 Vue1.x 版 ...
Ant Design Vue 新手入门使用教程
搭建环境: 安装 cli 脚手架工具 : $ cnpm install -g @vue/cli 2. 创建一个项目 $ vue create antd-demo 创建的时候有需要确认的就按回车,如图: ...
VUE 新手入门感慨
新手开始学习了VUE ,找到了非常实用的VUE组建库,使用非常简单. 组建地址https://www.cnblogs.com/jearay/p/8580958.html?tdsourcetag=s_p ...
新手入门：快速搭建3D可视化场景（下）
零基础的人如何制作3D可视化场景?需要掌握哪些知识?在开始制作3D场景.搭建3D模型之前是不是还得去学习相关知识?或者说自己只是个拧螺丝的?只需要掌握一小部分知识?那为什么不选择一个能让自己快速入门的 ...

vue新手入门——vue-cli搭建

准备工作：

开始构建一个vue单页应用：

vue新手入门——vue-cli搭建相关推荐

最新文章

热门文章