轉自https://blog.csdn.net/junshangshui/article/details/80376489

一.環境搭建及創建項目

1.安裝node.js,webpack

2.安裝vue腳手架cli

npm install vue-cli –g

3.新建項目

vue init webpack vue-hello

其中需要用上下鍵選擇（選擇上面默認的那條）

4.切換到項目目錄安裝項目依賴項（即生成node_modules文件夾）

cd vue-hello

npm install

5.運行項目，http://localhost:8080地址訪問

npm run dev

二.vscode中配置相關插件

1.安裝vetur插件，是vue語法的高亮插件。
2.安裝eslint插件，是智能錯誤檢測插件。

3.通過左邊拓展-搜索進行安裝。

4.安裝後進行如下設置，文件--首選項--設置--用戶設置

    "emmet.syntaxProfiles": {
        "vue-html": "html",
        "vue": "html"
    },
    
    "eslint.validate": [
        "javascript",
        "javascriptreact
 
",
        "html",
        "vue"
    ],
    
    "eslint.options": {
        "plugins": ["html"]
    }

vue--1.環境搭建及創建項目