Vue基礎

Visual Studio Code 快速格式化 Alt+Shirt+F

 

1.搭建項目架構：

項目採用Webpack+Vue-router的架構方式，開始安裝（所有在windows系統上操做，我也沒有mac電腦）。 1.按Win+R，而後在文本框中輸入cmd，回車打開命令行，輸入vue-cli安裝命令：

 

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

 

 

2.在命令行中初始化項目，咱們採用的是webpack模板，輸入初始化命令：

vue init webpack AwesomePos

 

3.在命令行中，進入項目目錄，使用npm install 安裝ackage.json裏項目的依賴包。若是你網速較慢的話，能夠使用淘寶鏡像的cnpm來進行安裝。

4.查看是否安裝正確。在命令行中輸入 npm run dev ，若是能在瀏覽器中正常打開頁面，說明安裝正確。

到這裏爲止，咱們的項目架構就創建好了，咱們須要對Vue-cli給咱們生成的文件進行一些必要的修改。

 

 

 

 

打包注意事項：

一、把絕對路徑改成相對路徑

 

咱們打開config/index.js 會看到一個build屬性，這裏就咱們打包的基本配置了。你在這裏能夠修改打包的目錄，打包的文件名。最重要的是必定要把絕對目錄改成相對目錄。

assetsPublicPath:'./'

 

這樣才能保證咱們打包出去的項目能夠正常預覽。

二、在命令行中用npm run build 進行打包。

npm n run build

 

3.Vue 開放全部IP 0.0.0.0訪問  config/index.js