webstorm搭建vue项目详细过程
2019-05-27 本文已影响0人
web30
WebStorm可以自动创建Vue项目，非常方便，下面将详细介绍如何创建vue项目。
注意：首先需要配置好vue.js后才能进行创建
1. 安装好脚手架 npm install vue-cli -g
2. 安装好代码版本工具(git/svn)
-
打开WebStorm，点击文件 — new project，根据需求设置路径及项目名称，点击下一步。
注意：文件路径不要提前建好（会导致失败），只需要选择你将要放置文件的路径，vue会默认新建文件夹。
image.png
-
继续点击下一步
image.png
-
这里的project name必须和第一步新建时的名称保持一致，否则不能创建。
image.png
如果后续需要更改项目名称，在打开项目时提前修改好，但是webstorm里打开文件时会如下错误，然后直接点击修改成最新路径即可，最后点击确认完成。
image.png
image.png
image.png
image.png
-
继续点击下一步
image.png
-
这里可以设置作者名字，也可以不用填写
image.png
-
继续点击下一步
image.png
-
选择yes, 继续点击下一步
image.png
-
继续点击下一步
image.png
-
继续点击下一步
image.png
-
继续点击下一步
image.png
-
继续点击下一步
image.png
-
继续点击下一步
image.png
-
继续点击下一步
image.png
-
一个完整的vue项目就创建成功了
image.png
