vue2 0專案手把手教學 一

2021-09-30 19:32:35 字數 904 閱讀 5764

之前一直做的是angularjs專案,目前已經算是過時了吧,但是只是框架過時了,技術還是很有深度的。

還記得vue剛起步的時候,說實話真的看不起那些學vue的孩子,因為當時都覺得vue是入門級前端框架,這玩意隨便看看就會了,特別是學過angularjs的同學,上手非常快。還有就是說vue是參考angularjs來做的,語法也有很多都很相似,可隨著vue社群的不斷壯大,這玩意還是得學,必須變成當初「最討厭的人」,哈哈。好了,廢話不多說,走起。。。

1、node環境

node可以說是前端必備品了,如果說沒有安裝過node,那我覺得你們老師應該會教你,要不然你也不會用vue了吧。。。。

2、vue全域性安裝

sudo npm install vue vue-cli -g
安裝完之後就可以到你的控制台檢視vue版本了

這裡是大v不是小v哦

3、全域性安裝webpack,安裝方法同vue,這裡就不多講了下面來生成專案吧

1、首先來介紹乙個初始化專案的命令

vue init webpack projectname
projectname是你的專案名稱,注意:這個是可選的,也就是說,如果加上projectname就會生成乙個專案資料夾,如果不加上的話,就會在當前資料夾生成專案。然後在專案裡執行npm install,安裝你需要的模組。

執行完之後就會看到你的資料夾裡已經有vue的專案了,這時候就可以啟動了

npm start 或者 npm run dev
這兩個啟動方式是一樣的,這時候vue專案的初始化就已經完成,恭喜你,可以盡情的翱翔了,啦啦啦。。。。

資料庫連線,手把手教學(一)

這幾天敲學生資訊管理系統,同學們遇到的最普遍的問題就是在登入窗體上出現的 實時錯誤 91 物件變數或with塊變數未設定 了。其實,這是資料庫沒有連線上的問題,好多同學該說了我的sql連線成功了,資料來源odbc也顯示測試成功了呀,怎麼會沒有連線上呢?我也出現了同樣的疑問。但事實證明就是很小乙個環節...

從零開始搭建Vue2 0專案 一 之快速開始

該樣板適用於大型,嚴肅的專案,並假定您對webpack和有所了解vue loader。確保還閱讀vue loader的文件,了解常見的工作流程配方。如果您只想嘗試vue loader或快速製作出原型,請改用webpack 模板。要使用此模板,請使用vue cli搭建專案。建議使用npm 3 以獲得更...

vue2 0專案在360相容模式下開啟空白

安裝兩個依賴環境 yarn add babel polyfill d yarn add babel preset es2015 babel cli d 在main.js中引入babel polyfill import babel polyfill 在webpack.base.conf.js檔案中做如...