vue項目建立

vue項目建立。

vue開發心得，最近作了一個項目，vue開發移動端項目並打包成app。通過兩個月左右的學習，完成了這個項目，把這篇博客分享個你們，但願你們不要走彎路。

建立vue項目最重要的是環境搭建，

第一步：node.js安裝（地址：https://nodejs.org/en/）

安裝好之後，node和npm的環境都搭建好了。新建一個文件夾，用 windows PowerShell （shift+右鍵） 打開命令行：

1.node -v  查看node的版本。

2.npm -v  查看npm的版本。

 

 

 這樣就沒問題。

咱們能夠使用定製的 cnpm (gzip 壓縮支持) 命令行工具代替默認的 npm，用淘寶代理，這樣能夠提升效率:

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

 

第二步：vue項目環境搭建，生成文件。

全局搭建uve 交互式的項目腳手架 vue-cli:

 npm install --global vue-cli

vue list 用來查看安裝的版本：

vue list

 

 

 正常狀態。

 輸入下面命令生成vue的標準模板

vue init webpack my-vue

項目名 和 安裝vue-router 重要，其餘的回車和n就行。

　安裝好之後會自動出現默認模板的vue文件了。

 

 

 生成的文件，而後咱們用編輯器打開。

第三步：運行vue項目。

 這是hbuilder用打開的，而後打來命令行，輸入命令：

npm run dev

 就能看到下面返回了一個連接，放到瀏覽器就能打開了。

 

 

 

 上面是用hbuilder咱們也能夠用 IntelliJ IDEA 打開，可是咱們要配置環境： 

 

 

 

 

咱們點擊添加啓動配置，選擇npm scripts 選擇dev,而後ok.

 

 

 

 點擊運行，就能看到下面返回了一個連接，放到瀏覽器就能打開了。