一.Vue安裝

官網:https://vuejs.org/v2/guide/installation.html
主要參考:https://blog.csdn.net/sunhuaqiang1/article/details/80160654
一 概念
Vue:漸進式JavaScript框架 特點:數據驅動的視圖
https://www.w3cschool.cn/aekdgs/avjordn1.html
ES6:ECMAScript6 是一種標準(新的語法) JavaScript是EMCAScript的一種
https://www.runoob.com/w3cnote/es6-tutorial.html
webpack:模塊打包工具 可以將多種靜態資源 js、css、less 轉換成一個靜態文件,減少了頁面的請求
二 安裝 啓動
1.安裝 nodejs npm
2.安裝 vue-cli
vue-cli:vue腳手架,自動生成vue和webpack的項目模板
npm install -g @vue/cli vue -V查看版本
3.挑一個你喜歡的文件夾
(1)vue init webpack secondvue Project name 不能有大寫
在這裏插入圖片描述
生成了下面這些文件
在這裏插入圖片描述
在這裏插入圖片描述
特別貼心,命令都告訴你,執行上面兩條命令,然後訪問http://localhost:8080/ ctrl+c y 結束
在這裏插入圖片描述
爲什麼 會有個# 這是應爲路由Router 使用了hash模式 改成history就沒有了

export default new Router({
  mode: 'history',
...
})

(2)或者用vue create projectname ( vue-cli3) 目錄如下 簡潔了一些,命令也改變了,看package.json
在這裏插入圖片描述在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章