vue創(chuàng)建項(xiàng)目（npm安裝→初始化項(xiàng)目）

第一步npm安裝

首先：先從nodejs.org中下載nodejs

?

圖1

雙擊安裝，在安裝界面一直Next

圖2

?

圖3

?

圖4

直到Finish完成安裝。

打開控制命令行程序（CMD）,檢查是否正常

圖5

使用淘寶NPM 鏡像

大家都知道國(guó)內(nèi)直接使用npm 的官方鏡像是非常慢的，這里推薦使用淘寶 NPM 鏡像。

$? npm? install? -g? cnpm? --registry=https://registry.npm.taobao.org

這樣就可以使用cnpm 命令來安裝模塊了：

?

第二步項(xiàng)目初始化

1.第一步：安裝vue-cli

cnpm install vue-cli -g? ? ? //全局安裝 vue-cli

圖6

查看vue-cli是否成功，不能檢查vue-cli,需要檢查vue

圖7

選定路徑，新建vue項(xiàng)目，這里我是在桌面上新建了sun文件夾，cd目錄路徑

下面我一項(xiàng)目名為sell新建vue項(xiàng)目

vue init webpack? ”項(xiàng)目名稱“

圖8

現(xiàn)在已經(jīng)創(chuàng)建好了，那就讓項(xiàng)目先安裝下依賴再運(yùn)行一下，會(huì)出現(xiàn)下面的頁面，操作指令是：

cnpm install

cnpm run dev

注意 這里要在sell下進(jìn)行安裝和運(yùn)行哦!!!

圖9

啦啦啦? 安裝成功。

圖10

利用vue-cil初始化構(gòu)建vue項(xiàng)目，我們會(huì)獲得一個(gè)初始化的文件夾結(jié)構(gòu)，如下：

?

圖11

下面開始進(jìn)入你的vue之旅吧！！

https://cn.vuejs.org/? ? ? ? ? ? ? ? ? ? //官網(wǎng)才是開始的必經(jīng)之路。。。。

文章來源：https://www.jianshu.com/p/02b12c600c7b

總結(jié)

以上是生活随笔為你收集整理的从零开始，手把手交给你vue如何新建一个项目的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。