安裝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