在特定環境下搭建一個vue工做環境初始化一個項目win10+node+vue+git

個人設備
電腦系統:windows10 64位
我要安裝的運行環境node
我要使用的版本控制git
個人學習框架vuevue

node

一、空白的電腦 在D盤中建立文件夾allTool,用來放置全部下載安裝的工具及文件node

二、經過網址http://nodejs.cn/download/ 下載node的安裝文件,下載完成後點擊安裝,並把安裝路徑放在allTool文件夾。安裝完成後再cmd中測試webpack

clipboard.png

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

git

一、在網中下載官方安裝包web

clipboard.png

二、按照提示步驟安裝在allTool文件夾中,安裝完成後任何地方右擊便可出現git的選項vue-cli

三、右擊打開git bash,輸入下面兩條命令,便可綁定本身的帳號
$ git config --global user.name "Your Name"
$ git config --global user.email "email@example.com"npm

四、順便建立一個版本庫吧 具體的建立方式推薦https://www.liaoxuefeng.com/w...windows

vue

一、使用npm按照Vue官網教程中的步驟安裝vuebash

npm install vue

出現問題框架

完成命令後報錯出現
   bash: npm: command not found

解決方式

關機重啓後可執行npm install vue 並完成安裝

clipboard.png

二、安裝命令行工具cli
執行命令 npm install --global vue-cli

三、經過命令行建立一個機遇webpack的行項目

vue init webpack my-project

出現問題

完成命令後報錯出現
   bash: npm: command not found

clipboard.png

解決方法

配置環境變量

在執行npm install --global vue-cli命令時,會出現將其安裝在哪裏,咱們要講安裝地址配置到環境變量中,例如我這裏的E:gitGitusrlocalnode_modules,打開個人電腦屬性---選擇高級系統設置---點擊環境變量---選擇系統變量中的Path點擊編輯,進入後新建並將上面的地址放入,點擊肯定,就能夠完成配置
關閉原來的bash,從新點開,執行vue init webpack my-project命令,就能夠建立項目了

注:相同的步驟在win7中未發現錯誤

相關文章
相關標籤/搜索