如何搭建Vue cli 腳手架

如何搭建Vue腳手架

1、下載安裝node.js,“下一步,下一步”安裝。
2、下載安裝OpenCmdHere.reg,用於當前目錄下的右鍵彈出“打開cmd窗口”
3、在當前cmd目錄下,輸入“npm installvue -g”,安裝的文件,自動下載到目錄下,這叫“包管理器”。-g是參數,可以是 -s, 他表示運行環境。
  淘寶有個國內鏡像,輸入“cnpm install vue-cli -g //cnpm--registry https://registry.npm.taobao.org”

4、初始化項目,生產項目模板。輸入“vue init webpack”。webpack是模板,還有一個模板是webpack-simple,區別是webpack功能全。vue-cli-demo是項目名稱,如下:
   vue init webpack vue-cli-demo 
   
5、進入到項目目錄,安裝模塊包。
    cnpm install
6、啓動項目,輸入“cnpm run dev”
 
7、可以運行在瀏覽器裏了

8、在項目目錄中打包:cnpm run build

9、安裝element-ui框架:npm i element-ui -s

10、前後端交互安裝axios:cnpm install axios -S

有說法是:小廠用vue,大廠用react

移動端:1、webapp, 用響應式:bootstrap開發

        2、混合app: 1)react-native開發
                    2)小程序也叫混合開發

        3、原生app: 安卓開發、ios開發

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