VSCode 搭建Vue開發環境之Vue CLI

1、簡介說明

1.關於VS Code開發工具，安裝和配置，更多能夠參考之前文章

2.關於Vue.js，Vue是一個優秀的漸進式前端框架，不只易於上手，還便於與第三方庫或既有項目整合。

3.關於Vue是使用方式有兩種，第一種、最簡單方式和之前使用jquery框架似的引入Vue，直接編寫使用；第二種，使用Vue 官方提供的 Vue CLI搭建開發環境。

四、關於 Vue CLI 

CLI (@vue/cli) 是一個全局安裝的 npm 包，提供了終端裏的 vue 命令。它能夠經過 vue create 快速建立一個新項目的腳手架，或者直接經過 vue serve 構建新想法的原型。

經常使用操做：

建立項目： vue create  helloworld

運行項目： npm run serve

編譯項目：npm  run build

 

2、搭建步驟

1.首先安裝NodeJs 框架，若是已經安裝本步驟，忽略。 如需瞭解安裝步驟：http://www.javashuo.com/article/p-bedbmcni-hz.html

2.安裝 Vue CLI 工具，使用npm命令便可

npm install -g @vue/cli

驗證是否安裝成功：

vue --version

3.使用Vue CLI 命令建立一個項目

vue create manage

四、運行瀏覽自帶的Demo項目

cd manage
npm run serve

若是編譯正常，demo項目瀏覽器中輸入地址能夠直接查看。

 

更多：

安裝了淘寶npm後運行cnpm命令提示不是內部或外部命令。

NodeJs的安裝和環境變量配置

Vue相關UI框架整理