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

wayneli 發布于2019-08-26 11:50 / 1379人閱讀

摘要：我的設備電腦系統位我要安裝的運行環境我要使用的版本控制我的學習框架空白的電腦在盤中創建文件夾，用來放置所有下載安裝的工具及文件通過網址下載的安裝文件，下載完成后點擊安裝，并把安裝路徑放在文件夾。

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

node

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

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

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

git

1、在網中下載官方安裝包

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

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

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

vue

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

 npm install vue

出現問題

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

解決方式

   關機重啟后可執行npm install vue 并完成安裝

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

3、通過命令行創建一個機遇webpack的行項目

vue init webpack my-project

出現問題

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

解決方法

配置環境變量

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

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

GPU云服務器云服務器怎么在linux 下搭建lnmp環境云服務器搭建vue項目阿里云服務器搭建vue項目 win10配置java環境

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107663.html

Vue項目環境搭建教程

摘要：項目環境搭建教程針對開發工具等一下載和下載鏈接中文官網下載好之后使用命令行再次確認查看順便看看內置的版本如果是非安裝包形式，安裝的直接解壓的，不是程序安裝的形式，需要配置環境變量，必要時還需要配置要使用的版本出 ...

darkbaby123 2021-11-25 09:43 評論0 收藏0
docker 應用系列（一）--- 一步步搭建虛擬機 docker 環境附有 vue-cli +

摘要：為確保系統里面沒有自帶的軟件的殘留，我們要清除一下舊版本的，雖然新系統一般都不會有就是了。更新軟件包緩存。 showImg(https://segmentfault.com/img/remote/1460000015914895?w=1240&h=819); 小劇場測試：褲襠你這頁面刷新就白屏啊，怎么了啊，而且你看這 network，怎么這些 js 這么大啊，很耗流量而且加載速度還很...

hatlonely 2019-06-28 16:35 評論0 收藏0
vue源碼分析系列之入debug環境搭建

摘要：目標是為了可以調試版本的，也就是下的源碼，所以主要是的開啟。結語至此就可以開心的研究源碼啦。文章鏈接源碼分析系列源碼分析系列之入口文件分析源碼分析系列之響應式數據一源碼分析系列之響應式數據二概述為了探究vue的本質，所以想debug一下源碼，但是怎么開始是個問題，于是有了這樣一篇記錄。目標是為了可以調試es6版本的，也就是src下的源碼，所以主要是sourceMap的開啟。原文來自...

nihao 2019-08-26 13:29 評論0 收藏0
工作中常見問題匯總及解決方案

摘要：注本文是我在開發過程中遇到問題及解決方法的總結，之后會持續更新，希望幫助到更多的學習者。文中有不妥的地方希望指出共同學習，同時歡迎一起補充。注：本文是我在開發過程中遇到問題及解決方法的總結，之后會持續更新，希望幫助到更多的學習者。文中有不妥的地方希望指出共同學習，同時歡迎一起補充。 npm篇 npm安裝依賴報錯：permission denied，錯誤信息大致如下： npm ERR!...

ddongjian0000 2019-08-21 18:41 評論0 收藏0
vue.js使用vue-cli搭建一個SPA項目

摘要：之所以寫這篇如何運用腳手架自動化構建出一個項目的大架構，主要是面向想入門的小伙伴。之前，我第一次接觸，一直摸不著頭腦，想在網上搜個接地氣的教程都找不到。 WHY 之所以寫這篇如何運用腳手架自動化構建出一個項目的大架構，主要是面向想入門vue的小伙伴。之前，我第一次接觸vue，一直摸不著頭腦，想在網上搜個接地氣的教程都找不到。SO，我以如何搭建結構為開始，向想入門vue的童鞋們把我僅有的...

CrazyCodes 2019-08-20 17:31 評論0 收藏0