如何用vscode创建vue项目

如何用vscode创建vue项目

安装软件及插件

vscode:https://code.visualstudio.com/Download

安装vue插件vetur，实现支持vue文件的代码高亮

安装ESLint 插件

安装node.js

创建项目

vue init webpack test 回车，然后输入工程名称test

常见问题

问题1

vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
所在位置 行:1 字符: 1
+ vue init webpack vue_test
    + CategoryInfo          : ObjectNotFound: (vue:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException

报错原因：

没有安装脚手架vue-cli

解决方法：安装脚手架vue-cli

npm install vue-cli -g

问题2

vue : 无法加载文件 C:\Program Files\nodejs\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+ vue init webpack vue_test
+ ~~~
    + CategoryInfo          : SecurityError: (:) []，PSSecurityException

解决办法：

重新打开编辑器，以管理员身份运行vscode，输入命令

set-executionpolicy remotesigned

然后重进进行项目构建

 var addForm = this.addForm;
        if (this.isOpenProcessDiag === true) {
          addForm = this.addForm9;
        }