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

  1. 云栖社区>
  2. 博客>
  3. 正文

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

dante丶 2017-11-17 17:35:00 浏览791
展开阅读全文

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

 

网友评论

登录后评论
0/500
评论
dante丶
+ 关注