vscode下搭建vue項目

最近開始學習前端知識，就先從vue開始入手吧，既然要學習，那么環境的搭建是不可缺少的步驟，下面就介紹一下，windows下是如何搭建vue項目的吧！
1.第一步：安裝node.js，官網自行百度下載即可，查看node.js是否安裝成功，進入cmd命令行輸入node -v顯示出版本號，就表示安裝成功，如下圖所示。

2.第二步：安裝vue，進入命令行輸入vue list，如果沒有出現以下信息，則表示沒有成功安裝vue，需要安裝vue，命令行輸入npm install vue進行vue的安裝。
3.第三步：安裝vue-cli，進入命令行輸入npm install --global vue-cli，全局安裝vue-cli。
4.第四步：進入到你想要創建項目的目錄下，打開命令行，輸入vue init webpack yourProjectName。
會讓你確認關於你創建的項目的一些信息，具體如下：
①、Project name (sanfeng1)；項目名稱（sanfeng1）。（確定按enter，否按N）
②、 Project description (A Vue.js project)；項目描述（一vue.js項目）。（隨意輸入一段簡短介紹，用英文）
③、Author (sunsanfeng)；作者（sunsanfeng）。（確定按enter，否按N）
④、Vue build (Use arrow keys)> Runtime + Compiler: recommended for most usersRuntime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render 　　　　　　　　functions are required elsewhere；Vue公司的建立（使用箭頭鍵）>運行時+編譯器：大多數用戶推薦運行時間：約6kb輕民+ gzip，但模板（或任何Vue具體HTML）只允許在。VUE文件渲染功能是必需的其他地方。（按enter）
⑤、Install vue-router? (Y/n)；安裝的路由？（/ N）。（可安可不安，以后也可以再安，根據需求選擇）
⑥、Use ESLint to lint your code? (Y/n)；使用ESlint語法？（Y/ N）。（使用ESLint語法，就要做好心理准備，除非你非常懂ESLint語法，要不就會處處報錯，我就被逼瘋過，建議N）
⑦、Setup unit tests with Karma + Mocha? (Y/n)；設置單元測試？（Y / N）。（選N）
⑧、Setup e2e tests with Nightwatch? (Y/n)；Nightwatch建立端到端的測試？（Y / N）。（選N）
5.第五步：進入你所創建的項目的目錄，輸入命令npm install。
6.第六步：啟動你的項目npm run dev，在瀏覽器輸入http://localhost:8080，就可以看到vue的歡迎頁，至此，一個完整的vue項目搭建成功！
ps:如果你想在vs code中創建項目，只需要安裝好vs code后，使用快捷鍵ctrl + 點號（這里的點號是esc按鍵下的那個點）打開命令終端，所有的操作步驟都可以按照以上來進行，即可！