vscode配置vue環境

安裝node.js最新版

推薦網址：http://www.sohu.com/a/229788822_100153414

 

首先下載Node.js安裝包(msi)

這裏根據本身的系統去node官網      http://nodejs.cn/download  ，下載相應的msi包 =>雙擊運行

輸入node -v,測試是否安裝成功，會輸出版本信息

 

 

安裝node.js後， npm默認版本爲： 6.1.0

 

 

npm安裝

使用npm init  初始化項目

 

 

使用 npm install 插件 安裝插件

 

 

 

 

安裝vue-cli

使用npm install -g @vue/vue-cli  全局安裝插件

 

 

 

點擊空格鍵，作 * 選擇與否，上下箭頭鍵作相應選擇

 

 

 

 安裝完畢，進行下一步  vue --version操做

 

最後，建立項目  vue create 項目名稱

 

 

 

 

切換到項目目錄，cd  項目名稱

 

運行vue項目使用  npm run serve

 

 

 

瀏覽器 查看項目   http://localhost:8080，出現以下頁面，安裝成功