-
点击终端——新终端,调出命令输出框
-
输入命令安装vue脚手架
npm install -g vue-cli
-
随后输入命令安装js打包工具
npm install -g webpack
-
创建新的文件夹存放项目,用VScode打开该文件夹,然后在终端cd到该目录下,输入命令创建项目
vue init webpack hello
其中hello是项目名称,可以自行修改
创建过程会出现一些配置项,可根据需要选择Y/N,也可按回车默认配置
-
安装完成后,执行以下命令运行项目
cd hello
npm run dev
在这里输入命令后报错的可看另一则博客
VScode运行vue项目时报错:SecurityError,PSSecurityException -
运行项目也可点击运行——以非调试模式运行
-
运行成功后,Ctrl+鼠标左键单击加载出来的URL,即可跳转到浏览器浏览你的第一个Vue界面