1.開發(fā)環(huán)境---nodeJS
? ? ? 可以根據(jù)nodeJS官網(wǎng)提供的安裝包進(jìn)行安裝,安裝之后在cmd中輸入node -v以及npm -v如果能輸出二者的版本號說明安裝成功肢专。(如果不可以妻枕,一般是環(huán)境變量的問題,可以打開我的電腦--屬性--高級設(shè)置--環(huán)境變量中配置(百度一搜有很多相關(guān)文章的葛账,這里不再贅述))柠衅。
2.用git管理項(xiàng)目代碼(碼云)
? ? ? 可以在https://gitee.com碼云上注冊一個賬號并 新建一個項(xiàng)目來管理我們的代碼。? ? ? ? ? ? ?在本地安裝git籍琳,在任意地方右擊git bash here輸入git --version可以輸出版本號即安裝成功菲宴。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?關(guān)聯(lián)本地git倉庫和線上git倉庫:在碼云中 個人主頁-設(shè)置-SSH公鑰-怎樣生成公鑰,在本地的git 按提示的命令操作趋急。然后把線上倉庫的項(xiàng)目內(nèi)容克隆到本地(SSH)復(fù)制喝峦,git clone 剛剛復(fù)制的內(nèi)容.
3.創(chuàng)建vue項(xiàng)目
? ? ? ?可以參考vue官網(wǎng)中,命令行工具(cli)中的提示操作呜达,安裝過vue-cli的就不再需要安裝了可以輸入vue init webpack music 按照提示初始化項(xiàng)目代碼谣蠢。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 在git中輸入git add . 提交到本地倉庫,然后是git? commit -m '備注信息'? 查近,然后git? push將代碼同步到線上漩怎。
4.vue devtools調(diào)試工具安裝以及sublime text3的vue插件
調(diào)試工具可以根據(jù)https://github.com/vuejs/vue-devtools#vue-devtools的提示進(jìn)行安裝; sublime text3的?vue插件(打開sublime text 3按 Ctrl+Shift+P 選中package control:install package 按enter嗦嗡,安裝完畢后輸入vue syntax hightlight 安裝之后vue后綴的文件就能高亮顯示了)
5.項(xiàng)目目錄重置? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 將項(xiàng)目目錄的src文件結(jié)構(gòu)修改為以下目錄結(jié)構(gòu)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
6.安裝stylus以及stylus-loader
7.
引入fastclick庫解決移動端300毫秒點(diǎn)擊延遲(npm install fastclick),? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?然后在main.js中添加以下兩行內(nèi)容勋锤。
8.添加文件別名
在webpack.base.conf.js文件中,添加以下內(nèi)容侥祭,之后引用文件就可以直接使用這些別名??
9.
安裝babel-runtime 以及babel-polyfill
在main.js 中添加一行內(nèi)容
10.
修改index.html的內(nèi)容為