搭建vue腳手架


 

1.Node.js安裝

  1.1下載安裝

   在node.js 官網下載, 根據自己電腦系統安裝,一直點下一步即可

  1.2測試安裝是否成功

    Windows+R打開cmd窗口,輸入node -v回車出現版本號,即安裝成功!

     

2.Vue.js安裝

  2.1使用NPM安裝      —NPM: NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題

    2.1.1使用淘寶的鏡像及其命令 cnpm      安裝淘寶的鏡像: 

      打開cmd命令框,輸入 
        npm install -g cnpm –registry=https://registry.npm.taobao.org 回車

      加載完成后
    2.1.2在命令框輸入 
      cnpm install vue 回車
     以上vue.js安裝完畢

3.腳手架搭建

  3.1Vue-cli安裝 
    在cmd命令框輸入 
    cnpm install -g vue-cli(回車)

  3.2搭建測試 
    3.2.1.在你的vue安裝目錄下(我創建在E:\vue)新建文件夾vue 
    3.2.2.打開cmd命令窗口輸入cd vue,進入E:\vue,輸入vue list可以看到列出了可以使用的模板 

      

      在命令框鍵入vue,看到描述    

我們init命令安裝 
vue init webpack test (我在這建的是test1,因為我本地已經建好了一個test)

 

注意創建新的文件時出現Project name之后要自己手動選擇創建選項,否則創建將會一直停留在Project name

 

進入test文件夾 

cd test 1

安裝依賴 
cnpm install 

啟動 
npm run dev

在瀏覽器打開

 

文件目錄

 

 

 

 



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM