• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

创建Vue项目

开发技术 开发技术 2周前 (04-07) 6次浏览

1.1、创建项目

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

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

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

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

创建Vue项目

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

创建Vue项目

1.2、项目运行

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

创建Vue项目

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

创建Vue项目

项目运行成功:

创建Vue项目

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

创建Vue项目

 


程序员灯塔
转载请注明原文链接:创建Vue项目
喜欢 (0)