windows10使用npm安裝vue、vue-cli


從網上下載了一個免費的vue.js前端模板,准備和Django整合出一個項目出來,然后發現前端代碼都是.vue文件,已經整合過.html,很容易,感覺這個.vue的前端稍微復雜一些

本文主要參考博客及網頁,在此表示感謝: https://www.cnblogs.com/liluxiang/p/9592003.html  https://www.cnblogs.com/laizhouzhou/p/8027908.html

https://www.jb51.net/article/138020.htm   https://www.cnblogs.com/zhixi/p/9996832.html  https://www.wandouip.com/t5i35466/

目前電腦上已經安裝了python、pycharm、mysql、navicat,需要安裝node.js,然后通過npm安裝vue、vue-cli

安裝node.js,通過node.js官網下載的node-v10.14.2-64.msi

  首先node.js是什么?node.js是運行javascript的一個環境,是對google V8引擎的封裝,是一個服務器端的JavaScript解釋器。

  點擊安裝后,修改安裝路徑為:D:\nodejs,目錄如下

安裝node.js會自動安裝npm,在cmd中輸入node -v,會顯示node.js的版本,輸入npm -v會顯示npm的版本,但是我這npm的版本顯示不出來,因為環境變量沒有自動配置需要自己加,加入了之后,npm的版本是能用了,且能安全vue了,安裝后我找不到vue。。。。。。。懵了,去找度娘啊

度娘告訴我,npm環境變量配置了,是能用了,但是不是最新版本,讓我做以下操作

1.找到c盤下的AppData\Roaming,我的路徑是C:\Users\gxq\AppData\Roaming,有的用戶是用的Administrator,那就是C:\Users\Administrator\AppData\Roaming,若是沒有AppData,是因為系統給隱藏了,顯示隱藏文件就行

打開Roaming后,會找到下面兩個文件夾,此時也會找到剛開始安裝好的vue但是不見了的它

 

2.該回家了,把已經自動建立的這兩個目錄移回自己一開始選擇的安裝路徑D:\nodejs

  首先在安裝目錄下建立兩個文件夾如下node_cache、node_global

  

打開cmd,運行命令

npm config set prefix "D:\nodejs\node_global"

npm config set cache "D:\nodejs\node_cache"

然后查看全局變量 npm list -global

配置一個鏡像網站,增加速度 

npm config set registry=http://registry.npm.taobao.org

查看所有列表信息  npm config list

查看鏡像站是不是可用:npm config get registry    npm info vue

接着安裝npm   npm install npm -g   之后可以把默認的環境變量D:\nodejs\node_modules改為

D:\nodejs\node_global\node_modules

然后重新打開cmd,因為重啟才能是系統環境變量生效

安裝vue、vue-cli    npm install vue   npm install vue-cli

修改添加環境變量:D:\nodejs\node_global  原因:vue腳本自定義在global文件夾下

vue -V 就可看到vue的版本了


免責聲明!

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



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