一、安裝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
二、安裝vue 組建套件
安裝vue-cli
npm install -g vue-cli # (-g:global 全局安裝,使所有用戶均可使用)
三、創建項目
vue init webpack myproject
四、安裝vuex和axios
npm install vuex axios --save
五、修改訪問的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".
六、修改顯示運行提示後的訪問地址 項目/config/index.js
大概在16、17行
host: '0.0.0.0',
port: 8080,
七、運行vue項目
npm run dev
訪問地址:http://x.x.x.x:8080
遇到錯誤可以使用這個多來幾次
npm cache clean --force
切換到項目中,安裝相關依賴
npm install
前面是手動安裝,這次我們使用pycharm 創建VUE項目
一、首先
File --->settings--->plugins
二、接下來就可以創建vue項目了
中間的我就不寫了。
三、配置npm運行
四、開始運行並打開vue,完成。