博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
简单创建vue项目
阅读量:3965 次
发布时间:2019-05-24

本文共 322 字,大约阅读时间需要 1 分钟。

创建vue 前端项目

1. 安装node.js

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

查看node及npm版本

在这里插入图片描述

在这里插入图片描述

安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org

在这里插入图片描述

安装vue cnpm install -g vue,cnpm install -g @vue/cli

在这里插入图片描述

2. 使用vue ui创建项目

在这里插入图片描述

3.打开项目管理界面

在这里插入图片描述

4. 选择安装目录,编写项目名,开始创建项目

在这里插入图片描述

5. 选择手动安装

在这里插入图片描述

6. 选择功能,选择Babel Router Vuex 即可

在这里插入图片描述

7.使用history模式

在这里插入图片描述

8. 不保存预设

在这里插入图片描述

9.创建成功

在这里插入图片描述

10.使用HBuilderX打开项目 并使用 cnpm run serve运行得到效果

在这里插入图片描述

转载地址:http://ojyki.baihongyu.com/

你可能感兴趣的文章
运算符
查看>>
数据类型之列表与数组
查看>>
比较字符串
查看>>
Java EE 精萃
查看>>
Open Source 精萃
查看>>
Java EE 简介
查看>>
Weblogic 简介
查看>>
观察者模式 (Observer)
查看>>
Java 集合框架
查看>>
Weblogic 精萃
查看>>
Servlet 精萃
查看>>
XStream 精萃
查看>>
XStream 环境设置
查看>>
Git 分支
查看>>
Git 冲突
查看>>
Git Merging vs. Rebasing
查看>>
[第9课] 箱线图
查看>>
[第10课] 箱线图2
查看>>
[第11课]统计:集中趋势
查看>>
[第12课] 统计:样本和总体
查看>>