创建vue工程

Vue的开发环境就不多说了,请自行百度,这里说一下安装好环境之后怎样创建一个新的vue项目

一、 创建一个基于 webpack 模板的新项目

首先打开cmd,进入到你要创建项目的位置,然后执行项目创建命令,如下:
// 项目名最好不要有大写,否则后面还需要重新设置项目名
F:\>vue init webpack vue-text

创建vue工程

选择完毕,进行安装,需要等待一会儿...

创建vue工程

安装完毕。

创建vue工程

二、 安装工程依赖模块

进入到项目目录下
F:\>cd vue-text

创建vue工程

安装工程依赖模块
F:\vue-text>cnpm install

创建vue工程

项目目录:

创建vue工程

目录解析如下:

创建vue工程

三、 运行该项目,使用nodejs来启动

F:\vue-text>cnpm run dev

创建vue工程

测试访问:http://localhost:8081 ,看到这个页面表示启动成功(默认是8080端口,因为我本地已经启动一个了,所以这里分配的是8081端口)

创建vue工程

参考:
Vue.js 安装
windows环境搭建Vue开发环境

转载于:https://blog.51cto.com/1197822/2391810

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值