//---------------------------------------start
vue新版腳手架vue
//卸載舊版本
npm uninstall vue-cli -gnode
cnpm install -g @vue/cli或yarn global add @vue/cli //新版本webpack
vue --version
cnpm install webpack -ges6
e:
cd E:\AvsWorkSapce
vue create ysxVueweb
//啓動項目
yarn serve
// OR
npm run serve
//---------------------------------------endajax
//舊版本vuex
vue 腳手架
1& 安裝node.js
test
node -v
npm -v
2&安裝vue的腳手架 全局安裝vue-cil
先用淘寶鏡像安裝cnpm才能夠使用哦vue-cli
npm install -g cnpm --registry=https://registry.npm.taobao.org
test
cnpm -v
用cnpm安裝vue腳手架
cnpm install -g vue-cli
test
vue -V(V 大寫)
3&生成項目
cd指令進入項目目錄npm
node -v(小寫v) 看下,若沒有,本身取官網安裝一下(下面npm命令行node裏面有)
vue -V (大V)看下,若沒有npm i vue-cli -g
webpack -v(小寫v)看下 若沒有 npm install webpack -g
若是提示 Which one do you like to install (webpack-cli/webpack-command):
則:
npm install --save-dev webpack-cli -g
(
cnpm install webpack -g
提示cli 就
cnpm install webpack-cli -g
)
確保這三個都有的狀況下
cd到項目文件夾 執行:
vue init webpack vuepro(vuepro能夠是本身取的任意名字)
//**************
//**************
cd 到項目目錄 *** 執行:
npm install vue-resource --save
npm install vuex --save服務器
安裝vue-resource是用於ajax請求的vue插件 用來和服務器端進行數據通訊
npm install vue-resource --save
安裝vuex是用於管理每一個組件之間的狀態值的改變
npm install vuex --save
項目名 vuees6test
author ysx
//**************