发布时间:2023-03-13 18:00
昨天对一次成功用新电脑在vscode上跑成功项目工程里的vue项目,今天目标是自己用vscode新建一个vue项目
关于vue环境配置请看这篇:使用vscode运行Vue项目
{
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
}
同理eslint:
输入eslint文档代码:
{
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
"vue"
],
"eslint.options": {
"plugins":["html"]
}
}
第一步:打开vscode, 选择 文件 >> 打开文件夹 选择要创建项目的文件目录。
第二步:在“终端”中输入:vue init webpack projectName,其中projectName可以自行修改。(注意:项目名称不能有大写)
如果你在这步出现如下报错,请看这篇:vue : 无法加载文件 C:\\Users\\UIDQ5637\\AppData\\Roaming\\npm\\vue.ps1,因为在此系统上禁止运行脚本第三步:在下面步骤中,一些需要填写或选择的选项,我都直接Enter了,一些需要安装的我都直接No了。
第四步:按照上图提示进入到项目目录并运行项目
第五步:在浏览器输入http://localhost:8080就可以打开项目了