本人是主攻后端,所以开发工具以Idea为主,能共用一个绝不另开。。。(电脑扛不住)

1、Idea新建一个Static Web项目

Idea搭建Vue项目

2、指定项目名称(这里注意项目名一定要小写,原因还没来得及查,有大写的话后面无法通过)

Idea搭建Vue项目

3、将项目初始化为基于webpack模板的项目:打开idea的Terminal,切换到当前项目的上一级目录,执行命令 vue init webpack vue-share,
过程中会提示输入一些配置信息,随各自的需要就是了。(其中有一项"Project name"这里会校验你的项目名称,当然你也可以重命名,但是只能小写,大写是行不通地)

Idea搭建Vue项目

显示下面这个信息就表示初始化成功了。(机智的你可能已经发现咱们的项目已经自动生成很多东西了)

Idea搭建Vue项目

4、安装依赖包:cd vue-share 切换到项目目录下执行命令 npm install
5、运行:执行npm run dev(不想每次通过命令行启动,也可以配置到Idea的启动方式)

Idea搭建Vue项目

Idea搭建Vue项目

6、浏览器访问地址:http://localhost:8080

Idea搭建Vue项目

相关文章:

  • 2021-08-04
  • 2021-08-15
  • 2021-09-15
猜你喜欢
  • 2021-10-26
  • 2021-12-26
  • 2021-05-20
相关资源
相似解决方案