vue組件開發-坑集

1.如何安裝npm

1、安裝node.js

1.前往node.js官網下載並安裝工具，這裏安裝路徑選到D盤，D:\Program Files\nodejs

 安裝完畢在命令行輸入如下命令測試是否安裝成功，正確會出現版本號

1

npm -v

 

2.改變原有的環境變量，

  (1)咱們要先配置npm的全局模塊的存放路徑以及cache的路徑，例如我但願將以上兩個文件夾放在NodeJS的主目錄下，便在NodeJs下創建"node_global"及"node_cache"兩個文件夾，輸入如下命令改變npm配置

1 2	npm config set prefix "C:\Program Files\nodejs\node_global" npm config set cache "C:\Program Files\nodejs\node_cache"

 

  (2)在系統環境變量添加系統變量NODE_PATH，輸入路徑D:\Program Files\nodejs\node_global\node_modules，此後所安裝的模塊都會安裝到改路徑下  

2. 關於npm ERR! enoent ENOENT: no such file or directory, open xxxx.json

首先肯定你是否切換到你的開發目錄，若是已經切換開發目錄，再嘗試npm install  xxx.json

3.Unexpected identifier

出現這個表示哪裏存在錯誤，修正就行了

 

4.下載模塊

npm install vue-loader --save-dev

npm install vue-html-loader css-loader vue-style-loader vue-hot-reload-api@1.3.2  --save-dev

es6語法涉及下面

npm install babel-loader babel-core babel-plugin-transform-runtime babel-preset-es2015 babel-runtime --save-dev

 

必須--save