安裝vue并通過vue_cli腳手架創(chuàng)建vue項(xiàng)目

安裝vue.js
npm包管理器，是集成在node中的，所以安裝了node也就有了npm,直接輸入 npm -v 命令，顯示npm的版本信息。

1,node官網(wǎng)下載node  并安裝，安裝好后可以通過 node -v 查看是否安裝成功
2,安裝cnpm   
    命令行輸入：
npm install -g cnpm --registry=https://registry.npm.taobao.org 
3,安裝vue-cli腳手架構(gòu)建工具
          在命令行運(yùn)行命令
                    npm install -g vue-cli
          然后等待安裝完成
4,在想要創(chuàng)建vue項(xiàng)目的地方創(chuàng)建一個文件夾
        通過cd 進(jìn)入到建好的文件夾中，并運(yùn)行命令
                      vue    init    webpack     vuetest_one
    接下來會進(jìn)行創(chuàng)建，并需要依次填入項(xiàng)目名稱、項(xiàng)目描述、作者信息等等
項(xiàng)目創(chuàng)建完成打開可以看到

image.png

package.json：項(xiàng)目配置文件。
README.md：項(xiàng)目的說明文件。

src ：這里是我們開發(fā)的主要目錄，基本上要做的事情都在這個目錄里面，里面包含了幾個目錄及文件：
image.png

assets:放置一些圖片，如logo等
components:目錄里放的是一個組件文件，可以不用。
App.vue：項(xiàng)目入口文件，我們也可以將組件寫這里，而不使用components目錄。
main.js ：項(xiàng)目的核心文件

在項(xiàng)目目錄中，運(yùn)行命令 npm run dev ，會用熱加載的方式運(yùn)行我們的應(yīng)用，熱加載可以讓我們在修改完代碼后不用手動刷新瀏覽器就能實(shí)時看到修改后的效果。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容