1. 程式人生 > >Vue2.0新手入坑環境搭建(一)

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

clas min 團隊 定義 自定義 ini 創建 https idt

每周不定期更新 專業團隊接APP 外包 聯系QQ1129580542

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

技術分享

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

初步打算用vue2.0+mint ui 做個小商城。

明晚寫商城界面,

mint ui 地址 https://github.com/ElemeFE/mint-ui

https://zhuanlan.zhihu.com/p/21802181

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