1.脚手架创建Vue项目

1.在当前文件夹空白处按住Shift + 右击，打开PowerShell窗口，输出命令【vue create 项目名称】

选择第三个回撤确认，按图进行,完成后关闭窗口。

 

 其他Enter确认即可。

2.将创建的项目加入vscode，添加一些小配置。

（1）vue-cli-service server --open 运行npm run serve后自动在默认浏览器中打开网页

 

（2）在项目文件夹下添加vueconfig.js文件，添加内容

（3）在项目文件夹下添加jsconfig.json文件，添加内容

{
    "compilerOptions": {
        "baseUrl": "http://172.16.2.12:8081",
        "paths": {
            "@/": [
                "src/*"
            ]
        }
    },
    "exclude": [
        "node_modules",
        "dist"
    ]
}

3.在终端运行 【npm run serve】,等待加载完成，将会使用吗默认浏览器打开