vue搭建腳手架項目

  1. 總結了一下,全部的指令流程,指令代碼 示例以下表:
    步驟 指令代碼 目的 / 完成任務的說明
    0 官網下載node.js對應的版本,進行安裝 準備工做;
    1 node -v 檢測node.js是否安裝成功,及其版本;
    2 npm -v 檢測npm是否安裝成功,及其版本;
    npm install webpack-cli@3.0.0 -g 安裝webpack打包工具;
    4 npm install webpack -g
    5 npm install -g vue-cli 安裝vue框架;
    6 新建vue項目路徑和項目及其所在的項目文件夾 後續安裝準備工做
    7 cd C:\我的\vuejs 而後enter回車鍵 開始找上一個步驟中新建的文件夾 ;
    8 vue init webpack firstvue webpack打包vue組件到項目文件夾 ;
    9 內容省略 以後一些瑣碎的選擇提示,選擇「y」便可;注意
    10 項目文件配置 項目名稱、描述、做者、等等信息;注意
    11 cd firstvue 打開指定的項目;
    12 npm install 在上述項目中執行npm指令並檢測;
    13 npm run dev 最後執行,輸出IP和端口號;
    14 http://localhost:8080 而後enter回車鍵 打開瀏覽器,輸入左側IP地址和端口號,查看界面是否正常出現,正常出現即視做OK

    vue

  2. 建立腳手架 cd命令到一個空文件夾 執行vue init webpack myproject
  3. 根據提示安裝想要的插件,enter下就好,安裝差很少兩分鐘左右

 

 

3.打卡對應文件夾發現已經搭好啦node

 

4.cd命令到項目目錄而後 執行npm run dev,拉開瀏覽器輸入localhost:8080就能夠看到界面啦python

相關文章
相關標籤/搜索