Vue脚手架安装及IDEA调试支持

/ Developer / 没有评论 / 384浏览

安装脚手架

首先下载 node.js 要求版本在 8.9 以上

官网:https://nodejs.org/zh-cn/

下载完可检查在 Windows 任务命令行里输入

node -v

使用淘宝NPM镜像源下载比较快

npm config set registry https://registry.npm.taobao.org/

安装 vue-cli(全局安装vue-cli)

npm install vue-cli -g

如果出现 ``

检查环境是否安装上:

vue -V

如果在外部终端(比如 VSCode)执行失败, 需要对系统进行配置, 打开脚本执行权限 运行powershell(管理员身份) 输入 set-ExecutionPolicy RemoteSigned 然后根据情况选择对应策略, 建议选A

创建vue项目:

vue init webpack demo

 然后进入此文件夹:

cd demo

然后手动下载:

npm install

最后运行程序:

npm run dev        

运行之后会导出网址:http://localhost:8080

在网页上输入上面的网址即可

IDEA调试

可以通过下面两个方法支持

  1. 浏览器安装 JetBrains IDE Support 插件支持
  2. IDEA 配置 JavaScript Dubug 运行选项支持