首页 > 其他 > 详细

创建vue工程

时间:2019-05-09 16:53:56      阅读:128      评论:0      收藏:0      [点我收藏+]
Vue的开发环境就不多说了,请自行百度,这里说一下安装好环境之后怎样创建一个新的vue项目

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

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

技术分享图片

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

技术分享图片

安装完毕。

技术分享图片

二、 安装工程依赖模块

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

技术分享图片

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

技术分享图片

项目目录:

技术分享图片

目录解析如下:

技术分享图片

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

F:\vue-text>cnpm run dev

技术分享图片

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

技术分享图片

参考:
    [Vue.js 安装](https://www.runoob.com/vue2/vue-install.html)
    [windows环境搭建Vue开发环境](https://www.cnblogs.com/zhaomeizi/p/8483597.html)

创建vue工程

原文:https://blog.51cto.com/1197822/2391810

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!