ºÎΪÀÁ£¿
ÀÁÔÚÈËÒ»¿ªÊ¼µÄÓ¡ÏóÖУ¬×ÜÊǸøÈËÒ»ÖÖ²»ºÃµÄ¸Ð¾õ£¬ÇÚ·ÜÒ»Ö±ÊÇ´«Í³ÃÀµÂ£¬ÀÁÊÇ»µ¶«Î÷¡£È»¶øÊÂÊµÕæÊÇÕâÑùÂð£¿×î½ü¿´¹ýһƪ¹ØÓÚÀÁÈ˿Ƽ¼µÄÎÄÕ£¬¾õµÃºÜÓеÀÀí£¬ÎÄÕÂÓÐÈçϲ¿·Ö£º
ÈËÀàÀúÊ·ÉÏÔøµ®ÉúÁËÁÕÀÅÂúÄ¿µÄÀÁÈ˿Ƽ¼£¬²»¶ÏǨ¾Í×ÅÈËÐÔµÄÈõµã£¬ÓÐÆû³µ¡¢»ð³µ¡¢·É»úÕâÖÖ´óÐ͵ء¢µß¸²Ê½·¢Ã÷£¬Ò²ÓÐһЩ·Ç³£¿áìŵÄСÐÍ´´Ò⣬ÉõÖÁ»¹µ®ÉúÁ˲»´íµÄ·þÎñ£¬ÊÂʵÉÏ£¬Õû¸öµÚÈý²úÒµµÄÊг¡¾ÍÊÇÀ´Ô´ÓÚ“ÀÁÈ˲»Ïë×öµÄÊÂÇ锡£ÕâЩ´´ÒâÔڸıäÈËÀàÉú»îµÄͬʱ£¬Ò²¸Ä±äÁËÀÁººµÄ¶¨Ò壬ÔÚÓµÓÐÁË´óÁ¿µÄÐÂÏÊÍæÒâÖ®ºó£¬ËûÃǵľ³½çÕý´óÓÐÌá¸ß£¬ÊÂʵÉÏ£¬ÀÁÒѾ²»ÊÇÍêÈ«ÒâÒåÉϵıáÒå´Ê£¬ÔÚÒ»¶¨³Ì¶ÈÉÏ£¬´ú±íן߱Ƹñ¡£
×÷ΪһÃûÂëÅ©£¬¸ü×÷ΪһÃûÒ³Ãæ×У¬ÎÒÖ»Ïë˵£ºÄÄÒ»¸ö³ÌÐòÔ±£¬²»ÏëÔÚд´úÂëµÄʱºò͵µãÀÁ£¿µ±È»Õâ¸öÀÁ£¬²»ÊÇÖ¸ÄÇÖÖµ±¸ö´¿´âµÄ°áÔ˹¤£¨CTRL+C,CTRL+V´óÉñ£©,¶øÊÇÓøüÉÙµÄʱ¼äÈ¥Íê³ÉÈÕ³£µÄ¹¤×÷ÈÎÎñ¡£ÕýÊÇΪÁ˸ü“ÀÁ”¡¢¸üˬ¡¢¸üÓбƸñµÄд´úÂ룬²ÅÓÐÁËÕâÆªÎÄÕ¡£
ÏÈ¿´ÏÂǰ¶ËÏÖ×´
ÓÉÓÚ½ü¼¸Äêǰ¶ËµÄÒ°ÂùÉú³¤ÒÔ¼°Ç°¶ËÓ¦ÓõĶàÔª»¯ºÍ¸´ÔÓ»¯£¬Õû¸ö¼¼ÊõÐÎ̬ÒѾ¸ú¼¸Äêǰ´¿×öÒ³ÃæµÄʱ´úÍêÈ«åÄÒìÁË¡£Ö÷Òª¹ÛÄîµÄ±ä»¯×ܽáÀ´¿´ÔÚÓÚÒ»µã£¬ÏÖÔÚµÄǰ¶Ë¿ª·¢ÃæÏòµÄÊÇweb app¶ø²»ÊÇweb page¡£Ç°¶ËÈç½ñÒѾÍÑÀëÁËÈãëÒûѪ¡¢µ¶¸û»ðÖÖµÄÔʼÉç»á£¬¿ªÊ¼²½ÈëÁ˹¤ÒµÊ±´ú¡£_ ¸ÐлÕâ¸ö¿ìËÙ·¢Õ¹µÄ»·¾³£¬¸øÁËÒ³Ãæ¹·£¬Ò»¸ö͵ÀÁµÄ»ú»á£ºÒÀ¿¿Ð¹¤¾ß£¬Ð¼¼Êõ£¬¼«´óµÄÌá¸ßÉú²úÁ¦¡£
¹¤ÓûÉÆÆäÊ£¬±ØÏÈÀûÆäÆ÷
Ò»¸ö±ê×¼Ò³Ãæ×еÄÈÕ³££¬Ó¦¸ÃÊÇÕâÑù×Ó£ºÐ´Ð´HTML£¬µ÷µ÷CSS£¬È»ºóµ÷ÊÔJS£¬È»ºóÒ³Ãæ¸ã¶¨£¨ËÍÈ¥¸ø²âÊÔ£¬·¢ÏÖIE bug £¬¹þ¹þ£©¡£ËµÊµ»°£¬Ð´Õâ¸öÎÞÁĵÄHTML£¬CSS£¬ÄܰÑÈËдÍ£¬»òÐíÄãÐèÒªÕâ¸ö£º
»¹ÓÐÕâÑù£º
EMMET£ºÇ°¶ËÉñÆ÷£¬Ò³Ãæ×бر¸°¡£¡
EMMET¾ßÌåʹÓü°ÏÂÔØ£¬Çë²Î¿¼¹ÙÍø http://docs.emmet.io/
ÈÃCSS¿É±à³Ì£¬´øÄã×°±Æ´øÄã·É
ÕâÄêÍ·£¬ÄãÒªÊdzöÈ¥ÃæÊÔ£¬²»ÖªµÀLESS£¬SASS£¬PostCSS£¬Äã¶¼²»ºÃÒâ˼˵ÄãÊÇǰ¶Ë¡£¿É¼ûLESS£¬SASSÖ®Á÷ÐС£ÔÚÎÒÀí½â¿´À´£¬Ò»Ö±°ÑLESS£¬SASS»¹ÓÐÆäËûµÄ±ÈÈçPostCSS¿´³ÉÒ»ÖÖ¹¤¾ß£¬Ã»µ±³ÉÓïÑÔÀ´¿´´ý£¬¾ÍÊÇΪÁËÈÃCSS¿É±à³Ì£¬¸ü·½±ãµÄȥдCSS£¬¸üºÃµÄ¹ÜÀíCSS£¬È»ºó±àÒëÉú³ÉCSS¡£
µ±È»£¬ÕâÆªÎÄÕ²»»áÌÖÂÛËûÃÇÓï·¨²îÒìÒÔ¼°ËºÃË»µ£¬ÔÚÎÒ¿´À´£¬ÊʺÏ×Ô¼ºµÄ£¬ÊʺÏÏîÄ¿µÄ£¬¾ÍÊǺõġ£
SASSһƳ
¿ìËÙ´´½¨Ç°¶Ë¾²Ì¬ÍøÕ¾ - http-server
Ò»¸öÃüÁî¾Í¿ÉÒÔ´´½¨ºÃÒ»¸öhttp·þÎñÆ÷£¬ÕæÊÇˬ·ÉÁË
×Ô¶¯»¯¹¹½¨¹¤¾ßGULP - ´®ÆðÄãµÄÕû¸öÏîÄ¿
GULPÊǸö»ùÓÚÁ÷µÄ¹¹½¨¹¤¾ß£¬Ê¹ÓÃnodejsʵÏֵģ¬Õâ¶ÔÒ³Ãæ×ÐÀ´Ëµ£¬¼òֱ̫°ôÁË¡£Ê¹ÓÃGULP£¬¿ÉÒÔÍê³ÉÎļþѹËõ£¬JS»ìÏý£¬±àÒëSASS£¬LESS µÈ£¬»ù±¾ÉÏÄãÏëÒªµÄ¹¦ÄÜ£¬¶¼¿ÉÒÔͨ¹ý´úÂëʵÏÖ¡£ÔÚÏîÄ¿£¬ÎÒ»¹ÓÃGULPÀ´ÏÂÔØÎļþ£¬¸üб¾µØµÄJSONÊý¾Ý¡£Ö÷Òª½â¾öÁËÒ»¸ö×Ô¼ºÊÖ¶¯ÏÂÔØJSONÊý¾ÝµÄÎÊÌ⣬¶¼ÊÇΪÁË͵ÀÁ¡£¡£¡£
ÓйؾßÌåGULPµÄ½éÉÜ£¬Çë²Î¿¼GULP
Õäϧ¼üÅÌ£¬Ô¶ÀëF5 - Browsersync
Ò³Ãæ×ÐÿÌì×öµÄ×î¶àµÄʾÍÊÇ£¬Ë¢ÐÂä¯ÀÀÆ÷£¬F5 or CTRL+F5 …
ÊÔÏ룬µ±ÎÒдÍêHTML£¬CSS£¬JS ä¯ÀÀ¾Í×Ô¶¯Ë¢Ð£¬ÕâÕæÊÇ·ÉÒ»°ãµÄ¸Ð¾õ¡£Browsersync¸øÄãÏëÒªµÄ£¬ÉõÖÁ»¹Ëü»¹ÄÚÖÃÁËÒÆ¶¯¶Ëµ÷ÊÔÉñÆ÷WEINRE£¬¼òÖ±²»ÒªÌ«diao¡£
¹â˵²»Á·¼Ù°Ñʽ - ÊÖ°ÑÊÖ´øÄãÆð·É
STEP-1£º×¼±¸ºÃ¸÷ÖÖ»·¾³
Ê×ÏÈÄãµÃÓÐnodejs»·¾³£¬È»ºóÄãµÃÈ«¾Ö°²×°GULP£¬http-server,browsersync,ÈçÏÂËùʾ£º
°²×°³¬Ê±µÄͬѧ£¬½¨ÒéʹÓÃÌÔ±¦npmÔ´£¬¾ßÌå¿É¼ûCNPM
STEP-2£º¿Ë¡ÎÒÊÂÏÈдºÃµÄgitÀÁÈËÄ£°å²Ö¿â
git clone https://github.com/wbye/maybe_lazy_1.git
STEP-3£º²é¿´²Ö¿âREADMEÎļþ
ÔÚÖÕ¶ËÔËÐУº npm install£¨°²×°³¬Ê±µÄͬѧ£¬½¨ÒéʹÓÃÌÔ±¦npmÔ´£¬¾ßÌå¿É¼ûCNPM£©
Íê³ÉºóÔËÐУº npm run http-server ,
ÔÙÁíÆô¸öÖÕ¶Ë£¬ÔËÐУº npm run bs-server
STEP-4£ºÌåÑéÒ»°Ñ×öÀÁÈ˵ĸоõO(∩_∩)O
STEP-5: ÀÁÈ˵ÚÒ»½×¶ÎÍê³É£¬ºÃÁ˲»Ð´ÁË£¬ÎÒҪȥºÃºÃ°áשÁË
×ªÔØÇë×¢Ã÷£º ÎÄÕÂ×ªÔØ×Ô£º°®Ë¼×ÊÔ´Íø http://www.aseoe.com/show-26-831-1.html