如何快速学习:[1]Swift编程语言,Swift,苹果于2014年WWDC(苹果开发者大会)发布的新开发语言,可与Ojective-C*共同运行于MacOS和iOS平台,用于搭建基于苹果平台的应用程......
2023-03-17 350 编程语言
本篇经验将和大家介绍使用Visual Studio Code创建和运行Vue项目的方法,希望对大家的工作和学习有所帮助!
打开电脑中已经安装的Visual Studio Code软件,如下图所示:
打开菜单栏中的文件->选择文件夹,浏览到本地磁盘中某个vue项目的空白目录,如下图所示:
在资源管理器空白处右键选择“在终端中打开”,如下图所示:
我们在终端中输入以下命令
npm install vue -g
如下图所示:
继续在终端中输入以下命令
npm install vue-cli -g
如下图所示:
继续在终端中输入以下命令
npm install webpack -g
如下图所示:
我们输入以下命令来创建一个项目
vue init webpack my-first-vue-project
如下图所示:
通过cd命令进入到创建的项目目录下,然后输入命令
npm install
如下图所示:
项目创建完成后的目录结构如下图所示:
输入命令
npm run dev
来运行vue项目,成功之后会提示应用程序访问的路径,如下图所示:
我们在浏览器中输入地址,即可访问vue的项目了,如下图所示:
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: 编程语言
相关文章
如何快速学习:[1]Swift编程语言,Swift,苹果于2014年WWDC(苹果开发者大会)发布的新开发语言,可与Ojective-C*共同运行于MacOS和iOS平台,用于搭建基于苹果平台的应用程......
2023-03-17 350 编程语言
web图表开发工具FineReport:[11]连续分组,数据库表数据是按照时间先后录入的,查询的时候希望按照时间先后,某个字段连续相同的话就合并起来显示,这样的报表可以通过相邻连续分组来实现。......
2023-03-17 574 编程语言