vue官網：https://cn.vuejs.org/v2/guide/installation.html
開發環境 https://vuejs.org/js/vue.js
生產環境 https://vuejs.org/js/vue.min.js
簡單安裝運行，安裝步驟
- 官網下載vue.js，右鍵鏈接另存為。
- idea新建工程，打開idea ->Create New Projec->Empty Project。
- 新建module。
- 選中static web，靜態web項目。
- 項目右鍵，新建js文件夾，NEW->Directory，把下載的vue.js文件放到該目錄下。
- 新建src文件夾，NEW->HTML文件。
<!-- 開發環境版本，包含了用幫助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
或者：<!-- 生產環境版本，優化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
下載地址：https://nodejs.org/en/
2.下載好后點擊安裝。
4.Node自帶了NPM了，在控制台輸入：npm -v查看。
5.1設置緩存和全局文件路徑配置，默認是c盤，我這里設置到F盤。（如果命名設置不好用，重啟電腦，最終辦法更修改.npmrc文件，在.npmrc文件加上如下代碼 ）
cache "F:\server\tools\nodejs\node_cache"
prefix "F:\server\tools\nodejs\node_global"
設置緩存文件夾 npm config set cache "F:\server\tools\nodejs\node_cache"
設置全局模塊存放路徑 npm config set prefix "F:\server\tools\nodejs\node_global"
設置成功后，之后用命令安裝模塊就在F:\server\tools\nodejs\node_global里
'nrm' 不是內部或外部命令，也不是可運行的程序或批處理文件。
因為vue腳本在自定義的global目錄下，不在path環境變量這時候，我們需要在環境變量path中添加 F:\server\tools\nodejs\node_global系統變量設置：添加變量 NODE_PATH 值為：
此時報錯 internal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, 'string', value)。
解決方法
//找到cli.js文件，找到 17 行，注釋掉原先代碼，替換成 // const NRMRC = path.join(process.env.HOME, '.nrmrc'); const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc');
- 創建工程。
- 創建一個新的空工程。
- 然后新建一個module。
- 選中static web，靜態web項目。
然后刷新工程，就會多出一個package.json.
然后刷新項目，項目多了node-modules文件
創建一個html文件，游覽器運行即可。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <p>你好，我是{{name}}</p> </div> </body> <!--引入vue.js,不能用script簡寫模式，否則引用不到--> <!--<script src="node_modules/vue/dist/vue.js"/>--> <script src="node_modules/vue/dist/vue.js"></script> <script> const app = new Vue({ el:"#app", data:{ name:'java' } }); </script> </html>