05 Vue项目工程化:命令行创建项目、IDE工具创建项目

导读:本篇文章讲解 05 Vue项目工程化:命令行创建项目、IDE工具创建项目,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

1、通过命令行创建

(1)使用VueJS提供的可视化web 界面创建

vue ui

执行上述命令后,会在命令行看到启动了一个 http://localhost:8080 的URL地址:

05 Vue项目工程化:命令行创建项目、IDE工具创建项目

在浏览器打开这个地址,即可使用VueJS的可视化web界面来创建VueJS工程项目

 

(2)使用vue命令在命令行窗口创建VueJS的工程化项目

cd /User/apple/Document/Workspace/WebstormProjects/vue/my_vuejs
vue create project my_vuejs

执行上述命令,按照命令窗口的提示一步一步完成项目的创建

 

2、通过IDE创建

在日常开发工作中,很少会直接用命令行创建VueJS工程项目,因为效率比较慢。

这里使用WebStorm创建一个Vue工程项目:

05 Vue项目工程化:命令行创建项目、IDE工具创建项目

项目创建完成后,WebStorm会自动执行 npm install 命令来安装项目所需要的各种依赖包,由于国内对网络管控的原因,这个过程会比较慢,需要耐心等待;

如果最后WebStorm没有顺利把依赖包安装上,可以自己去命令行使用 cd 命令进入工程目录,执行 cnpm install 来安装。

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之家整理,本文链接:https://www.bmabk.com/index.php/post/10485.html

(0)
小半的头像小半

相关推荐

极客之家——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!