Vue2.0新手環境搭建(一)


 

 

vue-cli 是一個官方發布 vue.js 項目腳手架,使用 vue-cli 可以快速創建 vue 項目,GitHub地址是:https://github.com/vuejs/vue-cli

 

一、 安裝 node.js

首先需要安裝node環境,可以直接到中文官網http://nodejs.cn/下載安裝包。

只是這樣安裝的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安裝http://blog.csdn.net/s8460049/article/details/52396399

安裝完成后,可以命令行工具中輸入 node -v 和 npm -v,如果能顯示出版本號,就說明安裝成功。

 

二、安裝 vue-cli

 

npm install -g vue-cli

  之前早就安裝好的。。。。

 

 三、生成項目

vue init webpack Vue-Project

  

 webpack 是模板名稱,Vue-Project 是自定義的項目名稱,命令執行之后,會在當前目錄生成一個以該名稱命名的項目文件夾

 

這樣就OK了

配置完成以后開始安裝項目依賴。

npm install

然后啟動項目

npm run dev

 

 

 

 

 

 

 

 

 

出現這個效果就說明搭建成功了,

 


免責聲明!

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



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