vue開發環境的搭建具體步驟

2021-08-17 20:01:23 字數 1369 閱讀 5317

相信很多人在剛開始學習vue這個框架的時候,在最開始搭建開發環境的時候,都會遇到一些大大小小的坑,我之前在學習angular的時候搭建過一次,過了乙個月後在搭建第二次的時候,竟然有一些混亂,所以今天想整理出來;

vue現在在前端,相對於算是現在前端工程師都比較常用的框架之一,他和angular有一些相似之處,所以用過angular的夥伴們,再來學習vue應該不會感覺太難;

這樣就已經是安裝成功了,由於在國內使用npm是非常慢的,所以在這裡我們推薦使用**npm映象,使用

**的cnpm命令管理工具可以代替預設的npm管理工具:$ npm install -g cnpm --registry=

三:**映象安裝成功之後,我們就可以全域性vue-cli腳手架,輸入命令:

cnpm install --globalvue-cli  回車;驗證是否安裝成功,在命令輸入vue,出來vue的資訊,及說明安裝成功;

然後我們開始建立新的專案輸入命令:

vue init webpack my-project  回車,my-project是我自己的資料夾的名字,是基於webpack的專案,輸入之後就一直回車,直到出現是否要安裝vue-route,

這個我們在專案要用到,所以就輸入y 回車

下面會出現是否需要js語法檢測,這個我們暫時用不到,就可以直接輸入no,後面的都可以直接輸入no,都是我們暫時用不到的

輸入命令:

8080是預設的埠,要訪問的話,直接在瀏覽器輸入localhost:8080就可以開啟預設的模板了;

這樣--vue基礎專案已經安裝並執行起來了

儲存過程開發的具體步驟

一 編寫儲存過程 delimiter 代表分隔符 drop procedure ifexists proc name create procedureproc oper art in i is auto integer,是否是自動建立標識 1 自動 0 手動 in i art id integer,...

搭建vue開發環境步驟

相信很多人在剛開始學習vue這個框架的時候,在最開始搭建開發環境的時候,都會遇到一些大大小小的坑,我之前在學習 的時候搭建過一次,過了乙個月後在搭建第二次的時候,竟然有一些混亂,所以今天想整理出來 vue現在在前端,相對於算是現在前端工程師都比較常用的框架之一 node.js vue 的執行是要依賴...

搭建vue開發環境的步驟

有的小夥伴最開始搭建vue之後,再次搭建就發覺有點忘了。這次總結一下流程 映象安裝成功之後,我們就可以全域性vue cli腳手架,輸入命令 cnpm install global vue cli回車 驗證是否安裝成功,在命令輸入vue,出來vue的資訊,及說明安裝成功 搭建完手腳架之後,我們就可以要...