vue2.0環境安裝補充一個vue-cli3.0安裝和配置


 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即可,其他的配置,稍后補充



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM