使用vue-cli 初始化 vue 項目


1. 安裝nodejs

2. 安裝 vue-cli

npm install -g vue-cli

安裝前可以通過設置代理為淘寶倉庫地址,以加快下載速度。

npm config set registry https://registry.npm.taobao.org 

3. 查看 Vue 版本

vue --version

4. 初始化 vue webpack 項目

vue init webpack  demoproject

 vue init 為vue-cli 初始化項目命令,webpack 為模板類型,demoproject 為項目名稱。

可以通過 vue list 查看支持的模板類型,如下圖所示:

如下圖為初始化項目執行過程:

命令執行完成,如果沒有錯誤,則項目已經成功構建,接下來就可以進行自己的編碼工作了。

如下圖所示為項目初始化完成后目錄結構:

 

 5. 啟動項目

npm run dev

如下圖所示,初始化項目完成后,命令行有提示信息。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM