您好,登錄后才能下訂單哦!
上面一節我們已經成功的安裝了nodejs,并且配置了npm的全局環境變量,那么這一節我們就來正式的安裝vue-cli,然后在webstorm開發者工具里運行我們的vue項目。
這一節有兩種創建vue項目的方式
npm config set registry https://registry.npm.taobao.org
1,桌面創建一個空文件夾,如vue0117
進入這個文件夾,然后在頂部地址欄,輸入cmd,然后回車鍵即可快速的打開dos命令行,并且定位到當前目錄。
npm install -g vue-cli
等待安裝
安裝完成如下,這里顯示vue-cli的版本號,即代表安裝完成
vue init webpack my-project
如項目名為vue001
在出現下面幾個詢問項時,直接按照箭頭所示的操作即可
下載項目所需類庫
項目創建完成后,如下
4,cd vue001進入項目目錄
5,執行 npm install 下載所需類庫 下載中
下載完成
導入剛才創建的vue項目
7,運行項目
項目運行成功后,在瀏覽器里打開下面鏈接
到這里就代表項目成功的創建并運行了。
1,點擊file,然后new,然后點擊project
2,構建項目
3,等待項目創建和類庫加載
耗時可能比較長,耐心等待。。。。
3,上面構建成功后,可以運行并瀏覽項目了
到這里,兩種創建vue項目的方式都講完了,后面我會錄制專門的視頻來講解。敬請期待。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。