1.新建项目
打开Visual Studio Code;
打开一个你想在其里面创建项目的文件夹;
打开终端:IDE顶部 查看->终端 或用快捷键crtl+`
若还未安装vue的脚手架构建工具vue-cli,先安装(在终端输入命令:npm install -g vue-cli)。
注:以后每次新建一个项目都需安装一次vue-cli。
接下来新建项目:输入命令:vue init webpack projectname
注:projectname为你所建项目的名字,我这里将ex2作为我项目的名字,你随意。
接下来需要你输入一些配置选项信息,我填的如下所示:
之前参考别人的方法,有的将Use ESLint to lint your code?选为Yes,但我在后面运行项目时报错,我改选n后,就正常运行了。不知道你是否遇到了这样的问题,可能跟环境有关吧,可以两种情况都试试。
2.运行项目
项目安装完成后,依次运行命令:cd ex2 和 npm run dev,如下所示:
正常情况下会显示如下结果:
按住crtl点击网址即可看到工程的运行结果,如下图所示: