關於搭建Vue的手腳架。菜鳥篇

 

     我在想世界上最凄涼的事，就是所有人都告訴你不行，而你不願意放棄，但是你也不願意努力。

                                                                                                                                                                       ——————趙勸勸 

   搭建Vue手腳

 方法一  

 

1. 下載安裝node 下載地址：http://nodejs.cn/download/

 

1. cmd 打開命令提示符 安裝vue 命令：npm install vue

 

1. 安裝vue cli （兩種方法安裝npm/yarn 兩個選擇一個，node自帶npm方法，yarn要自行安裝） 官網： https://cli.vuejs.org/
2. 

    

3. 創建項目： （esling等vue插件要自行添加）

       

 

    4. 運行：

          （npm）：yarn serve 

          （npm）：npm run serve

 

    5. 關於如何安裝yarn 官網：https://yarn.bootcss.com/docs/install/#windows-stable

         

 

 

  方法二 

 

建立Vue手腳架（NPM）控制台

1.     #最新穩定版本
       $ npm install vue

2.     # 全局安裝 vue-cli
 $ npm install -g@vue/cli 

3. # 創建一個基於 webpack 模板的新項目

 $ vue init webpack my-project

4. # 安裝依賴，走你 
 $ cd my-project

5. $ npm run dev （輸出）


______________________________________________________________分割線

 1.package.json不存在時 

           命令:npm init可自動創建package.json文件

        2.package.json存在時 
             直接命令:npm install

        3.如何打包

             yarm run build

 

 

 

 

 

 

 

 

 

 

 

 

                               以下是菜單的內容詳細解釋。