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

简介: 首先说明,以下内容vue官网都有文档,如果觉得麻烦啰嗦,请移步至 安装-vue.js 。准备工作:1.下载并安装node环境,一般情况下安装好node之后,npm也会安装好。具体安装的话,百度大概能帮得上忙。

首先说明,以下内容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单页应用构建完成.

 

目录
相关文章
|
6天前
|
资源调度 JavaScript 前端开发
【vue】vue中的路由vue-router,vue-cli脚手架详细使用教程
【vue】vue中的路由vue-router,vue-cli脚手架详细使用教程
|
6天前
|
JavaScript
【vue】深入探讨vue中组件间多种传值方式
【vue】深入探讨vue中组件间多种传值方式
【vue】深入探讨vue中组件间多种传值方式
|
6天前
|
JavaScript 前端开发
vue组件化开发流程梳理,拿来即用
vue组件化开发流程梳理,拿来即用
|
6天前
|
移动开发 JavaScript 前端开发
Vue Router的介绍与引入
Vue Router的介绍与引入
|
6天前
|
JavaScript 应用服务中间件 nginx
vue中404解决方法
vue中404解决方法
|
6天前
|
JavaScript
Vue 中如何模块化使用 Vuex
Vue 中如何模块化使用 Vuex
|
10天前
|
JavaScript
【vue】如何跳转路由到指定页面位置
【vue】如何跳转路由到指定页面位置
13 0
|
10天前
|
资源调度 JavaScript 前端开发
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)
17 1
|
10天前
|
JavaScript 前端开发
【vue】iview如何把input输入框和点击输入框之后的边框去掉
【vue】iview如何把input输入框和点击输入框之后的边框去掉
15 0
|
10天前
|
JavaScript UED
【vue】iview组件 DatePicker 日期选择器如何显示默认当前日期
【vue】iview组件 DatePicker 日期选择器如何显示默认当前日期
13 1