溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
第一步：準(zhǔn)備工作
1.nodejs官網(wǎng) http://nodejs.cn/ 下載安裝包或鏡像例如8.1.2版本：http://cdn.npm.taobao.org/dist/node/latest-v8.x/node-v8.1.2-x64.msi
2.win+R打開cmd命令行
node -v / /顯示node版本 v8.1.2
npm -v //顯示npm包管理器版本 5.0.3
3.由于有些npm有些資源被屏蔽或者是國外資源的原因，經(jīng)常會導(dǎo)致用npm安裝依賴包的時候失敗，所有我還需要npm的國內(nèi)鏡像---cnpm
4.命令行中輸入npm install -g cnpm --registry=http://registry.npm.taobao.org
5.安裝vue-cli腳手架構(gòu)建工具 npm install -g vue-cli
6.至此，外部環(huán)境算是搭建好了，下面需要使用vue-cli來構(gòu)建項目
7.首先在D盤創(chuàng)建自己的工作空間，用來存儲自己的工程。然后講命令行切換到你的工作空間cd D:\vueJs
8.在VueJs目錄下，運行命令vue init webpack firstVue。其中，webpack是構(gòu)建工具、模塊打包器，也就是整個項目是基于webpack的。其中，firstVue是項目文件夾的名稱，這個文件夾會自動生成在vuejs這個工作目錄中。
9.安裝好依賴后，就可以運行項目了通過命令行輸入：npm run dev
10.在瀏覽器中輸入localhost：8080就可以打開運行
11.如果啟動過程中出現(xiàn)端口沖突問題，只需要將config目錄下的index.js文件中dev端口由8080改為8088
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
