创建vue工程
  TEZNKK3IfmPf 2023年11月14日 16 0
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工程

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月14日 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2024年04月12日   34   0   0 前端vue
  TEZNKK3IfmPf   2024年04月19日   43   0   0 vue
  TEZNKK3IfmPf   2024年04月12日   42   0   0 vue
TEZNKK3IfmPf