創建vue項目時文件夾內容要為空不然無法創建
cmd切換盤符:E:回車。
切換淘寶鏡像:npm install -g cnpm --registry=https://registry.npm.taobao.org
更新npm版本:npm install -g npm
1、安裝vue2腳手架
(1)、在cmd命令行中輸入腳手架安裝命令;
(2)、全局安裝vue腳手架:npm install -g vue-cli 或者指定版本:npm i vue-cli@2.9.6 -g;
(3)、安裝以后,輸入:vue -V 出現相應的版本號,則表示安裝成功;
(4)、卸載腳手架:npm uninstall -g vue-cli;
2、搭建項目
選擇你要安裝到那個文件夾
(1)、初始化項目:vue init webpack myProject;
(2)、進入項目:cd myProject;
(3)、啟動項目:npm run dev (如果下載的別人的項目,需要先安裝依賴 npm install);
(4)、打包上線:npm run build
如果項目沒有自動打開瀏覽器,將config文件夾里面的index.js文件中autoOpenBrowser設置為true;
路由有hash和history模式,在new Router的對象里面mode來設置;默認是hash模式
3、vue-cli3腳手架安裝
(1)、如果安裝了1.x或者2.x版本的腳手架,需要先卸載;
(2)、安裝腳手架:npm install -g @vue/cli
(3)、安裝以后,輸入 :vue -version查看版本,出現相應版本3.x則表示安裝成功;
(4)、初始化項目:vue create myApp;
(5)、選擇配置,一般選擇手動配置,根據自己需要來選擇,不選擇默認配置;
(6)、進入項目:cd myApp;
(7)、啟動項目:npm run serve(yarn serve);
(8)、打包上線:npm run build;