在特定環(huán)境下搭建一個vue工作環(huán)境初始化一個項目win10+node+vue+git

wayneli 發(fā)布于2019-08-26 11:50 / 1388人閱讀

摘要：我的設(shè)備電腦系統(tǒng)位我要安裝的運行環(huán)境我要使用的版本控制我的學(xué)習(xí)框架空白的電腦在盤中創(chuàng)建文件夾，用來放置所有下載安裝的工具及文件通過網(wǎng)址下載的安裝文件，下載完成后點擊安裝，并把安裝路徑放在文件夾。

我的設(shè)備
電腦系統(tǒng)：windows10 64位
我要安裝的運行環(huán)境node
我要使用的版本控制git
我的學(xué)習(xí)框架vue

node

1、空白的電腦在D盤中創(chuàng)建文件夾allTool，用來放置所有下載安裝的工具及文件

2、通過網(wǎng)址http://nodejs.cn/download/ 下載node的安裝文件，下載完成后點擊安裝，并把安裝路徑放在allTool文件夾。安裝完成后再cmd中測試

顯示版本號即證明安裝正確完成

git

1、在網(wǎng)中下載官方安裝包

2、按照提示步驟安裝在allTool文件夾中，安裝完成后任何地方右擊即可出現(xiàn)git的選項

3、右擊打開git bash，輸入下面兩條命令，即可綁定自己的賬號
$ git config --global user.name "Your Name"
$ git config --global user.email "email@example.com"

4、順便創(chuàng)建一個版本庫吧具體的創(chuàng)建方式推薦https://www.liaoxuefeng.com/w...

vue

1、使用npm按照Vue官網(wǎng)教程中的步驟安裝vue

 npm install vue

出現(xiàn)問題

  完成命令后報錯出現(xiàn)
   bash: npm: command not found

解決方式

   關(guān)機重啟后可執(zhí)行npm install vue 并完成安裝

2、安裝命令行工具cli
執(zhí)行命令 npm install --global vue-cli

3、通過命令行創(chuàng)建一個機遇webpack的行項目

vue init webpack my-project

出現(xiàn)問題

  完成命令后報錯出現(xiàn)
   bash: npm: command not found

解決方法

配置環(huán)境變量

在執(zhí)行npm install --global vue-cli命令時，會出現(xiàn)將其安裝在哪里，我們要講安裝地址配置到環(huán)境變量中，例如我這里的E:gitGitusrlocalnode_modules，打開我的電腦屬性---選擇高級系統(tǒng)設(shè)置---點擊環(huán)境變量---選擇系統(tǒng)變量中的Path點擊編輯，進入后新建并將上面的地址放入，點擊確定，就可以完成配置
關(guān)閉原來的bash，重新點開，執(zhí)行vue init webpack my-project命令，就可以創(chuàng)建項目了

注：相同的步驟在win7中未發(fā)現(xiàn)錯誤