創(chuàng)建一個Vue項目
首先要先安裝node 及 npm 詳情見
【http://www.cnblogs.com/ylboke/p/8342116.html 】及
【http://www.cnblogs.com/ylboke/p/8342185.html 】
安裝Git(Git是一個分布式版本控制系統(tǒng))詳情見(關(guān)于git使用 在之后會記錄)
【http://www.cnblogs.com/wj-1314/p/7993819.html】
首先我們打開ves.js 的官網(wǎng) ?【https://cn.vuejs.org/v2/guide/installation.html】
在開始之前首先要確定你的node ?npm ?已經(jīng)安裝好了 ? 我們可以在命令行中 輸入 ?【node --version 】 查看node版本 ? ?【npm --version】查到npm版本 ?如果都能輸出他們的版本號 及說明 node 和npm 安裝成功:
安裝Vue : ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??
在Vue 官網(wǎng)中對安裝做出了詳細介紹?
我們打開命令行工具:打開npm ?【npm start】
進行Vue安裝 ?輸入:
【npm install --global vue-cli】 (-global 意思是全局安裝? 這羊Vue會安裝到 安裝node 的文件夾下 否則會安裝到 當前目錄)
# 全局安裝 vue-cli)
驗證安裝成功 輸入 【Vue --version】担钮,出現(xiàn)Vue版本號,則說明Vue 安裝成功巍佑。
創(chuàng)建項目及依賴安裝:? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
現(xiàn)在開始使用Vue創(chuàng)建項目:
(可以先進入自己想要創(chuàng)建項目的文件夾中)
1.
# 創(chuàng)建一個基于 webpack 模板的新項目 【vue init webpack my-project】? my-project(項目文件夾名)
執(zhí)行這個命令后命令行會出現(xiàn)一些需要你填寫選擇的項目屬性:
(項目名稱)
(項目描述)
(作者).....
should we run npm install.... (這句話是在問是否在工程創(chuàng)建后就去跑 npm 安裝依賴 這里面有幾個選項 ?第一個是【是】 也可以選最后一個 稍后自己就安裝依賴 即 在命令行執(zhí)行npm install 命令 )
當看到 ?這樣的命令說明 Vue項目創(chuàng)建窗成功了 ?
你可以在你選擇的文件加下看到這些文件 (其中node-modules是依賴安裝后出現(xiàn)的诡延,沒安裝依賴以前是沒有node_modules文件夾的)
運行測試 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
進入文件夾 ?執(zhí)行運行命令
cd ?project2?
npm run dev
打開瀏覽器:
成功!悯衬!
(在運行測試中:的兩句命令 其實是在找 這個Vue項目的package.json 這個文件里記錄了一下 這個項目的基本信息 像是作者肾扰、工具等)