首页 > 其他 > 详细

创建Vue项目

时间:2021-04-08 01:37:29      阅读:33      评论:0      收藏:0      [点我收藏+]

1.1、创建项目

这里使用命令行来创建项目,在工作文件下新建目录。

然后执行命令 vue init webpack demo-vue,这里 webpack 是以 webpack 为模板指生成项目,还可以替换为 pwa、simple 等参数,这里不再赘述。 demo-vue 是项目名称,也可以起别的名字。

在程序执行的过程中会有一些提示,可以按照默认的设定一路回车下去,也可以按需修改。

需要注意的是询问是否安装 vue-router,一定要选是,也就是回车或按 Y,vue-router 是构建单页面应用的关键。

技术分享图片

OK,可以看到目录下完成了项目的构建,基本结构如下。

技术分享图片

1.2、项目运行

使用VS code打开初始化完成的vue项目。

技术分享图片

在vs code 中点击终端,输入命令 npm run dev 运行项目。

技术分享图片

项目运行成功:

技术分享图片

访问地址:http://localhost:8080,就可以查看网页Demo。

技术分享图片

 

创建Vue项目

原文:https://www.cnblogs.com/alexliuzw/p/14630234.html

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