Vue的Helloworld

我們剛安裝Vue所需要開發環境，在此我們來寫第一隻"Helloworld"。 小試牛刀

 

創建 Vue項目

输入如下命令，创建 Vue 项目，项目名為vue-demo。

vue init webpack vue-demo

 

至此，就已將項目創建成功。

 

運行項目

进入工作区目录，window+R，输入cmd，打开命令提示符窗口，打开 cmd 窗口，输入如下命令，運行項目。

cd vue-demo
npm install
npm run dev

 

瀏覽器訪問項目

浏览器访问 http://localhost:8080

 

Congratulations，你已經完成了第一隻Vue的Helloworld應用網頁。

 

Vue-demo應用的基礎目錄結構

vue-demo應用的基礎目錄結構，請參閱我的文章：Vue基礎目錄結構。

 

Vue-demo應用的核心檔案探討

vue-demo應用的基礎目錄結構，請參閱我的文章：Vue-demo的核心檔案探討。

 

Category

Vue

Keywords

Modern Web / Vue

 

License

本文使用 MIT 许可证发布。 详情请进入 LICENSE 查看。

 

Skyfu160