使用vs code 建立vue項目

1、Vue是什麼?

Vue (讀音 /vjuː/,相似於 view) 是一套用於構建用戶界面的漸進式框架。與其它大型框架不一樣的是,Vue 被設計爲能夠自底向上逐層應用。Vue 的核心庫只關注視圖層,不只易於上手,還便於與第三方庫或既有項目整合。另外一方面,當與現代化的工具鏈以及各類支持類庫結合使用時,Vue 也徹底可以爲複雜的單頁應用提供驅動。html

2、建立項目所需環境?

1.node.js

簡單的說 Node.js 就是運行在服務端的 JavaScript。Node.js 是一個基於Chrome JavaScript 運行時創建的一個平臺。Node.js是一個事件驅動I/O服務端JavaScript環境,基於Google的V8引擎,V8引擎執行Javascript的速度很是快,性能很是好。vue

2.vue

3.vue-cli

vue-cli做爲vue的腳手架,能夠幫助咱們在實際開發中自動生成vue.js的模板工程。node

3、腳手架搭建步驟

1.打開命令行(快捷鍵win+r)

先輸入npm -v檢查一下node.js是否安裝,然後打開powershell,此處應留意,最好切換至項目搭建的盤符,並輸入以下命令,安裝vue:git

然後安裝vue-cli:github

會出現一些選項,根據本身的需求進行選擇,打開項目所在目錄,查看項目是否建立好。vue-cli

2.將vs code打開,並導入以前建立的項目

打開控制檯(快捷鍵ctrl+、),運行以下命令shell

3.使用瀏覽器打開該項目便可查看第一個vue項目。

相關文章
相關標籤/搜索