vue 3.0 項目搭建移動端 (一) 項目創建


安裝vue-cli

npm install -g vue-cli

安裝完腳手架

cmd  進入項目目錄

C:\Users\Administrator>E:

E:\>cd E:\vue

E:\vue>vue create move-demo

 

 

 以上報錯  執行     

npm install -g @vue/cli  
輔助資料
vue-cli的3.0+以后使用的不是vue-cli了,如果用以上的安裝命令安裝的並不是最新版的3.0+的,而如果安裝3.0的話就需要使用新的 npm install @vue/cli -g 如果原來已經安裝了vue-cli的話需要先卸載原來的安裝 npm uninstall vue-cli -g

 

安裝好后查看vue版本

vue -V

 

 

 創建項目

vue create與vue init的區別
vue create 是vue-cli3.x的初始化方式,目前模板是固定的,模板選項可自由配置,創建出來的是vue-cli3的項目,
與cue-cli2項目結構不同,配置方法不同,具體配置方法參考官方文檔網頁鏈接。
vue init 是vue-cli2.x的初始化方式,可以使用github上面的一些模板來初始化項目,
webpack是官方推薦的標准模板名。vue-cli2.x項目向3.x遷移只需要把static目錄復制到public目錄下,
老項目的src目錄覆蓋3.x的src目錄(如果修改了配置,可以查看文檔,用cli3的方法進行配置)

創建項目

vue create move-deom

 

 

 

vue/cli-service 貌似自動安裝了,
不用執行下面命令了
vue-cli3.0 安裝的時候把vue-cli-service一並安裝了,即執行了npm install vue-cli-service --save-dev

項目打開

 

 

 npm run serve 就可以運行項目了

不過可以修改為

 

 

  npm run dev   就可以運行項目了

使用vue-cli安裝項目中devServe 設置open為true的時候瀏覽器啟動兩次的解決辦法

 

 

安裝其他插件

 

 

npm install vue-router --save

 

npm install vuex --save
npm i -S vuelidate

Vuelidate是一款簡單輕量級的基於模塊的Vue.js驗證插件。

npm install vant --save
npm install swiper --save

 

npm install swiper --save

 


免責聲明!

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



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