1.首先安裝nodejs(不詳細介紹)
http://jingyan.baidu.com/article/2d5afd69e243cc85a2e28efa.html
這篇node和npm安裝我覺得不錯
2.安裝vue
(1)npm install vue
(2)npm install -g vue-cli
之后你就可以通過vue --version 查看vue的版本,如果你出現vue找不到
那你首先要去確認你的系統變量是否配置好了這是我的盤符E:\nodejs\node_global\node_modules
注意:環境變量 E:\nodejs\node_global 加到這一級就可以了
3能查看vue的版本之后
在硬盤上找一個文件夾放工程用的,在終端中進入該目錄
cd vue
根據模板創建項目
配置完之后開始創建文件
vue init webpack my-project
vue init webpack 工程名字<工程名字不能用中文>
這里就是無腦回車,就可以在你的文件夾發現你新建的文件
還有一些描述什么的操作,
完成之后進入工程文件
npm install安裝npm
如果出現以下錯誤
可能是因為你的npm版本過低更新你的版本
npm update -g
再次應該安裝就成功了
再次安裝
安裝 vue 路由模塊 vue-router 和網絡請求模塊 vue-resource
cnpm install vue-router vue-resource --save
啟動項目
npm run dev
到這一步就成功了
拓展一下cnpm安裝
二、安裝淘寶npm(cnpm)
1.安裝cnpm
(1)輸入以下命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
(2)輸入cnpm -v輸入是否正常,如果報錯,執行第三步。
(3)添加系統變量path的內容
因為cnpm會被安裝到D:\nodejs\node_global下,而系統變量path並未包含該路徑。在系統變量path下添加該路徑即可正常使用cnpm。
補充vue-cli3.0
安裝指令:npm install @vue/cli
然后你可以查看vue的版本
很多人項目其實還在用2.0那不用擔心繼續安裝npm install @vue/cli-init
你就可以繼續使用vue init webpack mydemo 這種方式創建項目vue-cli2.0的項目
如果你要創建vue3.0的項目使用vue create demo即可,其他的配置,稍后補充