02 初始化Node和Vue項目

項目構建版本：[email protected] , [email protected] , [email protected] > 8.9即可

一.工具安裝

1.Node安裝

• 針對不同平臺安裝即可，不做詳細介紹

2.Node升級

• 通過n模塊進行node的版本管理
• 使用流程
  • 安裝n模塊: npm install -g n
  • 查看n模塊的版本: n -V 或 n --version
  • 安裝穩定版本: n stable
  • 安裝指定版本: n 9.10.0

3.Vue-cli3.0安裝

Vue-cli使用文檔: https://cli.vuejs.org

• 安裝流程: npm install -g @vue/cli
• 或者通過yarn(新一代包管理工具)安裝yarn global add @vue/cli
• 查看版本: vue --version或vue -V

4.Vue創建項目方式

• 命令行創建: vue create pay_share
• GUI創建:vue ui，使用GUI只能管理Vue3.0之後的項目
  • 可以通過GUI創建項目
  • 終止項目
  • 安裝項目插件
  • 查看項目的運行依賴和開發依賴
  • 項目配置查看
  • 項目任務查看（可以運行、build、lint等等）
• 安裝如下插件
  • [email protected]
  • [email protected]
  • [email protected]
  • [email protected]
  • [email protected]