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点击网址即可看到工程的运行结果，如下图所示：
网友评论