前端VUE框架套件安裝pycharm新建VUE使用

1、安裝node（裏面帶有npm與node）

https://nodejs.org/dist/v10.16.3/node-v10.16.3-x64.msi

若環境變量中沒有，需本身設置

#---------------設置國內鏡像站--------------

可設置成國內的鏡像站

npm config set registry https://registry.npm.taobao.org

# 查看源，能夠看到設置過的全部的源

npm config get registry

也可修改npm的配置文件

修改npm配置文件

編輯 ~/.npmrc 加入下面內容

registry = https://registry.npm.taobao.org

2、安裝vue 組建套件

安裝vue-cli 

npm install -g vue-cli    # （-g：global 全局安裝，使全部用戶都可使用）

3、建立項目

vue init webpack myproject

4、安裝vuex和axios

npm install vuex axios --save

5、修改訪問的IP地址與端口號

cd 本身項目目錄中/package.json

"dev": "webpack-dev-server --inline --progress --config build/web    pack.dev.conf.js --host 0.0.0.0 --port 8080"

後面添加一段內容："--host 0.0.0.0 --port 8080".

6、修改顯示運行提示後的訪問地址 項目/config/index.js 

大概在1六、17行

host: '0.0.0.0',

port: 8080,

7、運行vue項目

npm run dev

訪問地址：http://x.x.x.x:8080

遇到錯誤可使用這個多來幾回

npm cache clean  --force

切換到項目中，安裝相關依賴

npm install

---

前面是手動安裝，此次咱們使用pycharm 建立VUE項目

1、首先

File --->settings--->plugins

2、接下來就能夠建立vue項目了

中間的我就不寫了。

3、配置npm運行

4、開始運行並打開vue，完成。