vue3.0學習筆記(一)


一、搭建工作環境環境

  1、從node.js官網下載相應版本進行安裝即可 https://nodejs.org/zh-cn/download/,安裝完成后在命令行輸入  node -v 如果可以查詢到版本號,說明安裝成功。

  2、node自帶npm包管理工具,在命令行輸入  npm -v 如果查詢到版本號,說明正常

  3、npm下載太慢,需要下載國內淘寶鏡像: npm install -g cnpm --registry = https://registry.npm.taobao.org,安裝完成后輸入 cnpm -v 顯示版本號,說明正常

  4、安裝webpack(包管理工具),命令行輸入  cnpm i webpack -g   ,-g說明是全局安裝

  5、安裝vue.cli 3.X腳手架,命令行輸入 cnpm i @vue-cli -g      不選擇版本號,將下載最新的穩定版本,輸入vue -V 可查看版本

二、創建項目 

  1、命令行 進入項目目錄

  2、創建項目:vue create 項目名稱(不要有中文),選擇manually select進行選擇

  3、進入選擇界面

 

根據項目需求,點擊空格進行選擇,一般情況下babel、router、vuex、 css都是需要的,然后回車進行創建項目

  4、創建時會詢問之前選擇項目的配置,根據自身項目 要求進行配置,下圖是我的配置

 

最后選擇是否作為默認配置,根據個人需要進行選擇即可,然后回車,項目開始下載模板

  5、創建完成后,進入項目目錄,輸入cnpm run serve 即可啟動項目,登陸后界面如下圖

 

 

 

 

 

 

  

 

 


免責聲明!

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



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